duckduckgo.com - design is broken

[enricocaputo]

URL: https://duckduckgo.com/?q=Firefox+Focus+problems+allign+icons+header&t=fpas&ia=web

Browser / Version: Firefox Mobile 95.0 Operating System: Android 11 Tested Another Browser: Yes Chrome

Problem type: Design is broken Description: Items are misaligned Steps to Reproduce: My "3 bars menu" and "icon search" should be in fixed position at the top of my website pages but in Firefox Focus they appear misaligned. Please check it, URL: www.potasiepe.it

View the screenshot

Browser Configuration

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

View console log messages

From webcompat.com with ❤️

[softvision-oana-arbuzov]

Thanks for the report, but I'm not able to reproduce the issue. For me the "Browse" menu and "Search" icon are correctly aligned similar to Firefox Nightly and Chrome.

Tested with: Browser / Version: Firefox Focus Release 96.2.0 (🦎 96.0-20220117150835), Firefox Focus Nightly 98.0 (🦎 98.0a1-20220119093435), Firefox Nightly 98.0a1 (🦎 98.0a1-20220119093435) Operating System: Google Pixel 5 (Android 12) - 1080 x 2340 pixels, 19.5:9 ratio (~432 ppi density), Samsung Galaxy S8 (Android 9) - 1440 x 2960 pixels, 18.5:9 ratio (~570 ppi density)

@enricocaputo could you provide a screenshot with the issue and also could you try clearing cache/data/cookies, or use a clean profile, and check again?

[qa_03/2022]

[enricocaputo]

Hi Oana, Thank you for the accuracy and speed of your response. However, I'd appreciate it if you can investigate further.

I have tested my website on different browsers: Firefox (ok), Chrome (ok), Opera (ok), Nightly (initially the same problem, but then I solved it), Firefox Focus (the problem persists). In fact, in Focus unlike Nightly there is no following choice from the menu: Accessibility > Automatically resize fonts (the font size will match the Android settings) > On / Off.

I am enclosing a screenshot of the menu misalignment issue.

Thanks for your kindness. Best regards from Italy Enrico Caputo

Il giorno gio 20 gen 2022 alle ore 10:59 Arbuzov Oana < @.***> ha scritto:

Thanks for the report, but I'm not able to reproduce the issue. For me the "Browse" menu and "Search" icon are correctly aligned similar to Firefox Nightly and Chrome. [image: image] https://user-images.githubusercontent.com/12184325/150316122-e5796d10-581a-463e-b3e6-473b308cf74e.png

Tested with: Browser / Version: Firefox Focus Release 96.2.0 (🦎 96.0-20220117150835), Firefox Focus Nightly 98.0 (🦎 98.0a1-20220119093435), Firefox Nightly 98.0a1 (🦎 98.0a1-20220119093435) Operating System: Google Pixel 5 (Android 12) - 1080 x 2340 pixels, 19.5:9 ratio (~432 ppi density), Samsung Galaxy S8 (Android 9) - 1440 x 2960 pixels, 18.5:9 ratio (~570 ppi density)

@enricocaputo https://github.com/enricocaputo could you provide a screenshot with the issue and also could you try clearing cache/data/cookies, or use a clean profile, and check again?

[qa_03/2022]

— Reply to this email directly, view it on GitHub https://github.com/webcompat/web-bugs/issues/98459#issuecomment-1017303713, or unsubscribe https://github.com/notifications/unsubscribe-auth/AFMNXJAUGV76OIDIMIW6LSDUW7MG3ANCNFSM5MLIKVIA . Triage notifications on the go with GitHub Mobile for iOS https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675 or Android https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub.

You are receiving this because you were mentioned.Message ID: @.***>

[enricocaputo]

I apologize for reporting a non-existent problem. When I increased the font size in your browser's accessibility menu, my website menu would move down.

As this was not happening in Chrome I mistakenly assumed it could be a bug. Instead, the misalignment was caused by a lack of my CSS.

Thanks to Firefox and all the people like you who work on this great browser. Excuse me again if I have wasted your precious time.

EC

[softvision-oana-arbuzov]

Thanks @enricocaputo it is fine, it is great you figured out what was causing the issue.

Closing the issue.