unsplash.com - design is broken

[realsircodesalot]

URL: https://unsplash.com/photos/tv7GF92ZWvs

Browser / Version: Firefox 97.0 Operating System: Mac OS X 10.15 Tested Another Browser: Yes Safari

Problem type: Design is broken Description: Items not fully visible Steps to Reproduce: Menus are not rendering properly ie. download split button does not render properly.

View the screenshot

Browser Configuration

• gfx.webrender.all: false
• gfx.webrender.blob-images: true
• gfx.webrender.enabled: false
• image.mem.shared: true
• buildID: 20220125201015
• channel: aurora
• hasTouchScreen: false
• mixed active content blocked: false
• mixed passive content blocked: false
• tracking content blocked: false

View console log messages

From webcompat.com with ❤️

[softvision-raul-bucata]

We appreciate your report. For me, the "Download" button is rendered in the same way across other browsers as well.

This is the result using Firefox Beta:

And this is the result using Safari:

For this project, we try to focus our effort on layouts, features, or content that works as expected in one browser but not in another.

Tested with:

Browser / Version: Firefox Beta 97.0b8(64-bit)/ Safari 15.1 Operating System: Mac OSX 10.15.6

@mikhey Could you please provide a screenshot comparing the 2 browsers ?

[qa_04/2022]

[realsircodesalot]

@softvision-raul-bucata This is what I get with Safari:

Version 15.2 (16612.3.6.1.8, 16612) OS: MacOS Big Sur 11.6.2

Firefox Dev Edition recently updated and I receive the same layout issue(s):

But after looking at it, maybe their CSS is kinda jacked up where it's not being overridden property, yet Konquerer/Chrome browsers are more forgiving?

[realsircodesalot]

Seems to be working now! 🤷🏻

I'm going to close this, thanks for taking a look!

[softvision-oana-arbuzov]

Thanks for confirming @mikhey.

[inv_04/2022]