Open Bug 1948047 Opened 25 days ago Updated 10 days ago

cacaushow.com.br - Login window is not fully visible when accessed

Categories

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

Firefox 135
Desktop
Windows 10

Tracking

(Webcompat Score:4, Webcompat Priority:P1, firefox-esr115 affected, firefox-esr128 affected, firefox135 affected, firefox136 affected, firefox137 affected)

ASSIGNED
Webcompat Score 4
Webcompat Priority P1
Tracking Status
firefox-esr115 --- affected
firefox-esr128 --- affected
firefox135 --- affected
firefox136 --- affected
firefox137 --- affected

People

(Reporter: ctanase, Assigned: twisniewski)

References

(Depends on 1 open bug, )

Details

(4 keywords, Whiteboard: [webcompat-source:product])

User Story

platform:windows,mac,linux,android
impact:workflow-broken
configuration:general
affects:all
branch:release
diagnosis-team:layout
user-impact-score:800

Attachments

(2 files)

Environment:
Operating system: Windows 10
Firefox version: Firefox 135.0 (release)/137

Preconditions:

  • Clean profile

Steps to reproduce:

  1. Navigate to: https://lovers.cacaushow.com.br/home
  2. Click on "Entrar" in the header.
  3. Observe the behavior.

Expected Behavior:
The login window is fully visible.

Actual Behavior:
The login window is barely visible.

Notes:

  • Reproducible on the latest Firefox Release and Nightly
  • Reproducible regardless of the ETP setting
  • Works as expected using Chrome

Created from webcompat-user-report:442863c3-ab26-4221-bb84-acc0df7d0067

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

Remove display: flex; from the following css is workaround.

.container[_ngcontent-ng-c810987920] {
...
  display: flex;
...
}
Severity: -- → S2
User Story: (updated)
Webcompat Priority: --- → P1
Webcompat Score: --- → 8
Priority: -- → P1

Thanks, Alice! They are using -webkit-fill-available and also setting the height of the container to 0 for whatever reason:

.visibility[_ngcontent-ng-c810987920] {
    overflow: initial !important;
    height: -webkit-fill-available !important;
}
.container[_ngcontent-ng-c810987920] {
    height: 0;
}

An intervention with these rules does the trick without breaking the popup's layout:

app-root .visibility, app-root .visibility.container {
    height: fit-content;
}

This should work fine in Chrome and Safari as well, so it's unclear why they went with the non-standard approach.

Assignee: nobody → twisniewski
Status: NEW → ASSIGNED
Pushed by twisniewski@mozilla.com: https://hg.mozilla.org/integration/autoland/rev/c5dc848ecbd4 add a CSS intervention for cacaushow.com.br to un-hide their login popup; r=denschub,webcompat-reviewers
Pushed by twisniewski@mozilla.com: https://hg.mozilla.org/integration/autoland/rev/171ca29a7da0 add a CSS intervention for cacaushow.com.br to un-hide their login popup; r=denschub,webcompat-reviewers
Pushed by agoloman@mozilla.com: https://hg.mozilla.org/integration/autoland/rev/e74f87465ced add a CSS intervention for cacaushow.com.br to un-hide their login popup; r=denschub,webcompat-reviewers
Webcompat Score: 8 → 4
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: