www.nsa.gov - The page text header is misaligned

[ohmstance]

URL: https://www.nsa.gov/

Browser / Version: Firefox 106.0
Operating System: Windows 10
Tested Another Browser: Yes Edge

Problem type: Design is broken
Description: Items are overlapped
Steps to Reproduce:
Some of the header text on the webpage should be overlaid on top of images. In Microsoft Edge, it appears correctly. In Mozilla Firefox, header text is pushed below/above images.

View the screenshot

Browser Configuration

• None

From webcompat.com with ❤️

[liamengland1]

Confirmed. Reduced test case: https://jsfiddle.net/j4cu0q9n/5/show

If .empty-container is not set to display: inline-block, then Firefox displays correctly.

[softvision-raul-bucata]

We appreciate your report. I was able to reproduce the issue. The text is not displayed in the page header:

Tested with:

Browser / Version: Firefox Release 106.0.5 (64-bit)/ Firefox Nightly 108.0a1 (2022-11-12) (64-bit) /Microsoft Edge Version 107.0.1418.35 (Official build) (64-bit)
Operating System: Windows 10 PRO x64

Notes:

1. Reproducible regardless of the status of ETP.
2. Reproducible on the latest build of Firefox Nightly and Release.
3. Works as expected using Edge:

Moving this to NeedsDiagnosis for further investigations.

[qa_46/2022]

[wisniewskit]

Thank you for helping to capture a test-case, @liamengland1 !

I've further reduced it, and filed bug 1801165 to analyze what to do here.

[wisniewskit]

It looks like this might just be an interop issue that Firefox should address, with this CSS being a likely key trigger for the difference:

.pdbg-container {
   overflow:hidden;
}

Changing that to overflow:clip seems to work fine across browsers, so I'll nominate that change for a site-patch in case the interop difference can't be resolved more quickly.

[webcompat-bot]

Generate outreach template

[wisniewskit]

This no longer happens on the site, and it looks as though the position of the menu items has shifted due to a layout change. Let's close this as fixed.

[softvision-raul-bucata]

I can confirm the fix.

Tested with:

Browser / Version: Firefox Nightly 114.0a1 (2023-04-11) (64-bit)
Operating System: Windows 10 PRO x64

Suggestion: Try clearing cache/data/cookies, disabling add-ons and Ad-blocker (if available) and extensions or use a clean profile, and check again? If there are any changes made to the default settings of the browser (e.g. in about:config) please revert to the default settings and try again. Also, have the required cookies been accepted for this page?

[qa_15/2023]