www.google.com - "Add to watchlist" popup is truncated on bottom side

[softvision-oana-arbuzov]

URL: https://www.google.com/finance/quote/.DJI:INDEXDJX?authuser=1

Browser / Version: Firefox Nightly 98.0a1 (2022-02-03) Operating System: Windows 10 Tested Another Browser: Yes Chrome

Problem type: Design is broken Description: Items not fully visible Steps to Reproduce:

1. Navigate to https://www.google.com/finance/quote/.DJI:INDEXDJX?authuser=1
2. Scroll down the page to "Discover more" section.
3. Click "+" button.
4. Observe "Add to watchlist" popup.

Expected Behavior: The popup is fully visible.

Actual Behavior: The popup is truncated in bottom side.

Notes:

1. Screenshot attached.
2. The issue is not reproducible on Chrome.

Watchers: @softvision-oana-arbuzov @softvision-raul-bucata

View the screenshot

Browser Configuration

• None

From webcompat.com with ❤️

[denschub]

Firefox and Chrome see different HTML here. In Chrome, the "Add to watchlist" popup is near the root of the document, while in Firefox, the element is located inside the flex container with all the list items. As such, the popup gets cut off when it exceeds the bounds of that container.

This isn't something we can fix, so I'll send an email to Google folks.