"Your browser zoom is causing a mismatch..." error without any zoom on browser

webstudio-is / webstudio

Open source website builder and Webflow alternative. Webstudio is an advanced visual builder that connects to any headless CMS, supports all CSS properties, and can be hosted anywhere, including with us.

https://webstudio.is

GNU Affero General Public License v3.0

5.21k stars 621 forks source link

"Your browser zoom is causing a mismatch..." error without any zoom on browser #3409

Open Chinmay-Singhal opened 5 months ago

Chinmay-Singhal commented 5 months ago

"Your browser zoom is causing a mismatch between breakpoints and the actual media query on the canvas." I get this error on several projects on some breakpoints. Even though my browser's zoom is set to 100%.

https://github.com/webstudio-is/webstudio/assets/160409333/bce2fbe0-5fd4-43ff-8be5-772dc71e509e

Tested on: Brave Version 1.66.113 Chromium: 125.0.6422.76 (Official Build) unknown (64-bit) and Google Chrome Version 125.0.6422.76 (Official Build) (64-bit) Same behavior on both Brave and Chrome.

My system: Fedora Linux 40 KDE Plasma 6.0.4

johnsicili commented 3 months ago

Grammarly Extension is causing this for me. Just disabling checks from the ext doesn't work, it has to be completely off from Chrome. Checked the script and it has 10k lines so I don't have any additional insights.

@Chinmay-Singhal Would be helpful to know if you use Grammarly. If you don't, can you disable extensions one by one until it goes away? When I disabled them, I switched breakpoints as that might retrigger calc, can't remember for sure though.

johnsicili commented 3 months ago

jfyi it adds this