Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

sima-land.github.io - Devtools grid highlighter is shifted because of iframe when clicking the grid item in the console #135104

Open
krutoo opened this issue Mar 25, 2024 — with webcompat-app · 4 comments
Labels
browser-firefox engine-gecko The browser uses the Gecko rendering engine os-linux Issues only happening on Linux. priority-important status-needsinfo trend-layout OKR Label - issues related to graphic glitches / broken UI causing issues with the page layout

Comments

@krutoo
Copy link

krutoo commented Mar 25, 2024

URL: https://sima-land.github.io/moleculas/?path=/story/common-medialayout--loading-video

Browser / Version: Firefox 124.0
Operating System: Ubuntu
Tested Another Browser: Yes Chrome

Problem type: Something else
Description: devtools grid highlighter is shifted because of iframe
Steps to Reproduce:

  1. open devtools, elements tab
  2. click on grid button near of element with class name starts with "product-brief-module__skeleton__" (footer)
  3. screen resolution should be > 1280
  4. grid highlighter is shifted relative to target element
View the screenshot Screenshot
Browser Configuration
  • None

From webcompat.com with ❤️

@webcompat-bot webcompat-bot added this to the needstriage milestone Mar 25, 2024
@webcompat-bot webcompat-bot added browser-firefox priority-important engine-gecko The browser uses the Gecko rendering engine labels Mar 25, 2024
@sv-calin sv-calin added the os-linux Issues only happening on Linux. label Mar 25, 2024
@sv-calin
Copy link

Thanks for the report. @softvision-raul-bucata can you take a look, please?

[qa_13/2024]

@sv-calin sv-calin added status-needsinfo needsinfo-raul ping @softvision-raul-bucata and removed needsinfo-andreea ping @azlata labels Mar 29, 2024
@softvision-raul-bucata
Copy link

Thanks for the report. I can not see any visual differences on the page. @krutoo Cam you please provide a screen rec?

Tested with:

Browser / Version: Firefox Release 124.0.2 (64-bit)
Operating System: Ubuntu 22.4 LTS 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?

[inv_14/2024]

@softvision-raul-bucata softvision-raul-bucata removed the needsinfo-raul ping @softvision-raul-bucata label Apr 5, 2024
@krutoo
Copy link
Author

krutoo commented Apr 5, 2024

@softvision-raul-bucata sure:
Screencast from 05.04.2024 17:46:25.webm

I also remove all history, cookies and disable all extensions for incognito

@softvision-raul-bucata softvision-raul-bucata changed the title sima-land.github.io - see bug description sima-land.github.io - Devtools grid highlighter is shifted because of iframe when clicking the grid item in the console Apr 12, 2024
@softvision-raul-bucata
Copy link

softvision-raul-bucata commented Apr 12, 2024

@krutoo Thanks for that. Indeed, there is a difference compared to Chrome, following your video.

Tested with:

Browser / Version: Firefox Release 124.0.2 (64-bit)/ Firefox Nightly 126.0a1 (2024-04-11) (64-bit) /Chrome Version 123.0.6312.106(Official Build) (64-bit)
Operating System: Windows 10 PRO x64
Operating System: Ubuntu 22.4 LTS 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 Chrome.

Moving this to NeedsDiagnosis for further investigations.

[inv_15/2024]

@softvision-raul-bucata softvision-raul-bucata added the trend-layout OKR Label - issues related to graphic glitches / broken UI causing issues with the page layout label Apr 12, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
browser-firefox engine-gecko The browser uses the Gecko rendering engine os-linux Issues only happening on Linux. priority-important status-needsinfo trend-layout OKR Label - issues related to graphic glitches / broken UI causing issues with the page layout
Projects
None yet
Development

No branches or pull requests

4 participants