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

background image loses precision with Window zoomLevel method #7612

Open
jonwwilkes opened this issue Nov 2, 2020 · 1 comment
Open

background image loses precision with Window zoomLevel method #7612

jonwwilkes opened this issue Nov 2, 2020 · 1 comment
Labels

Comments

@jonwwilkes
Copy link

NWJS Version : v0.49.2
Operating System : tested on both Debian Bullseye, Windows 10

Expected behavior

In the attached test, the left edge of the svg rect should align with the CSS background-image vertical gridlines for all values of Window zoomLevel

Actual behavior

At zoomLevel = 3, you can see that the rect is misaligned-- substantial whitespace can be seen between the left edge of the rect and the nearest gridline. You can see similar errors at other zoomLevels

How to reproduce

  1. Use the attached test.zip as the main file of an nw.js project

  2. When it opens, open devTools

  3. nw.Window.get().zoomLevel = 3;

  4. Scroll over to the rect at x=3500 and notice that it isn't aligned with the grid lines.

Notes:

  • same for this CSS gridline hack as it is for using an SVG pattern to create the grid lines
  • the misalignment bug does not exist on Chromium 86 or Chromium 83 for any of the browser zoom levels. Tested on both Debian Bullseye and Windows 10
@stale
Copy link

stale bot commented Jan 9, 2022

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

@stale stale bot added the stale label Jan 9, 2022
@stale stale bot removed the stale label Mar 8, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants