1960655 - The Billboards and Leaderboard Ads are not correctly aligned when the browser is resized at certain dimensions

Status: NEW

(Firefox :: New Tab Page, defect)

Description

[Cosmin Muntean [:cmuntean], Ecosystem QA]

[Affected versions]:

• Firefox Beta 138.0b7 (Build ID: 20250414092054)
• Nightly 139.0a1 (Build ID: 20250409210623)

[Affected Platforms]:

• Windows 10 x64
• macOS 15.2
• Ubuntu 22.04 x64

[Prerequisites]:

• Have the latest version of Firefox Beta 138.0bx build installed.
• Have a VPN client set to the United States.
• Have the following prefs set in the about:config page:
  • "browser.newtabpage.activity-stream.asrouter.devtoolsEnabled" set to "true"
  • "browser.newtabpage.activity-stream.discoverystream.endpoints" set to "https://getpocket.cdn.mozilla.net/,https://firefox-api-proxy.cdn.mozilla.net/,https://spocs.getpocket.com/,https://merino.services.mozilla.com/,https://ads.mozilla.org/,https://ads.allizom.org/"
  • "browser.newtabpage.activity-stream.unifiedAds.endpoint" set to "https://ads.allizom.org/"
  • "browser.search.region" set to "US"

[Steps to reproduce]:

1. Open the browser with the profile from the prerequisites.
2. Click the wrench icon from the bottom right side of the New Tab page.
3. Click the "IAB Banner Ad Sizes" section to collapse it, then enable the “Enable IAB Leaderboard”.
4. Click the “Refresh Cache” and open a New Tab.
5. Resize the browser until the cards are displayed on two rows.

[Expected result]:

• The Billboard is no longer displayed.
  OR
• The Billboard is centered in the New Tab page.

[Actual result]:

• The Billboard is not correctly aligned, and a scrollbar is displayed.

[Notes]:

• The issue is NOT reproducible with Sections disabled.
• Attached is a screen recording of the issue.

Comment 1

[Cosmin Muntean [:cmuntean], Ecosystem QA]

Attachment: resize issues.mp4

Comment 2

[Simona Rosu [:srosu], Ecosystem QA, PTO unti May 5 - NI to: [e-mail]]

Attachment: focusedState_ads2.gif

I’ve also noticed that the focused state of the “Leaderboard” and “Billboard” ads is cut off on the right side when the browser is resized at certain dimensions. I’m able to reproduce this with both grid cards and sections layouts.

Comment 3

[Amber Meryman]

This can be deferred to 139 or 140.