Open Bug 1999770 Opened 6 months ago Updated 6 days ago

configuraraparelhos.claro.com.br - The action description text is missing from the tutorial pictures

Categories

(Web Compatibility :: Site Reports, defect, P2)

Product:
Web Compatibility
Component:
Site Reports
Platform:
Desktop
Windows 10
Type:
defect

Tracking

(Webcompat Priority:P3, Webcompat Score:1, firefox145 affected, firefox146 affected, firefox147 affected)

Status:
ASSIGNED
Project Flags:
Webcompat Priority P3
Webcompat Score 1
Tracking Flags:
Tracking Status
firefox145 --- affected
firefox146 --- affected
firefox147 --- affected

People

(Reporter: rbucata, Assigned: twisniewski)

References

(Depends on 1 open bug,
URL
)

Details

(Keywords: webcompat:platform-bug, webcompat:site-report, webcompat:sitepatch-applied, Whiteboard: [webcompat-source:web-bugs])

User Story

user-impact-score:6
platform:windows,mac,linux,android
impact:content-missing
configuration:general
affects:all
branch:release
diagnosis-team:layout

Attachments

(2 files)

Chr vs ff
1.23 MB, video/mp4
Details
Bug 1999770 - add a CSS webcompat intervention for configuraraparelhos.claro.com.br; r?ksenia
48 bytes, text/x-phabricator-request
Details | Review

Environment:
Operating system: Windows 10
Firefox version: Firefox 145.0

Steps to reproduce:

  1. Navigate to: https://configuraraparelhos.claro.com.br/sistema-operacional/samsung-android-15/como-ativar-ou-desativar-a-rede-5g
  2. Scroll and observe the "Paso" section located below the images

Expected Behavior:
Description text is present

Actual Behavior:
Description text is missing

Notes:

  • Reproduces regardless of the status of ETP
  • Reproduces in firefox-nightly, and firefox-release
  • Does not reproduce in chrome

Created from https://github.com/webcompat/web-bugs/issues/188458

Attached video Chr vs ff —

Since nightly and release are affected, beta will likely be affected too.
For more information, please visit BugBot documentation.

status-firefox146: --- → affected
User Story: (updated)
Webcompat Score: --- → 1
Severity: -- → S2
User Story: (updated)
Webcompat Priority: --- → P2
Webcompat Score: 1 → 6
Keywords: webcompat:needs-diagnosis, webcompat:needs-sitepatch
Priority: -- → P2

Removing flex-grow: 1; from the <div> containing the text makes it visible again.

Assignee: nobody → twisniewski
Status: NEW → ASSIGNED

This doesn't seem to affect Android, so I'll make a desktop-only intervention.

Keywords: leave-open
Pushed by twisniewski@mozilla.com: https://github.com/mozilla-firefox/firefox/commit/7e528888d7f4 https://hg.mozilla.org/integration/autoland/rev/912a69e7af29 add a CSS webcompat intervention for configuraraparelhos.claro.com.br; r=ksenia,webcompat-reviewers
User Story: (updated)
Webcompat Score: 6 → 1

The problem here is that they've got a max-height: fit-content declaration applying to the div <div class="text-content mdn-Col-lg-6">, in https://configuraraparelhos.claro.com.br/assets/css/usecase.css , and they're depending on the browser honoring that style, in order to achieve the proper layout.

Firefox doesn't currently honor fit-content for max-height -- that's bug 1672559. And in Chrome, if I untick that declaration (in a browser window that's wide enough to trigger this problem), then the same issue shows up there too.

(In reply to Thomas Wisniewski [:twisniewski] from comment #5)

This doesn't seem to affect Android, so I'll make a desktop-only intervention.

Indeed, that's because the site has media queries, and only their styles for the widest viewports seem to have this problem.

User Story: (updated)
Depends on: 1672559
Keywords: webcompat:needs-diagnosis → webcompat:platform-bug
User Story: (updated)
Webcompat Score: 1 → 3
Webcompat Priority: P2 → P3
User Story: (updated)
Webcompat Score: 3 → 1
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: