elrumordelaluz/reactour

Not handling css zoom

Opened this issue · 4 comments

pranavozone commented

If I apply a zoom as 80% on the body tag the background gray color is not covering the entire screen.
Screenshot 2024-01-29 at 1 29 21 PM

Steps To Reproduce:

  1. Visit https://reactour.vercel.app/
  2. Inspect the window using dev tools and apply a zoom of 80%
  3. Click on try it and see the background gray color
  4. It is not covering the entire screen
elrumordelaluz commented

What browser and os are you using?

Here is an example using Chrome OSX and seems that is working ok.

Screenshot 2024-01-29 at 11 55 26

pranavozone commented

I am using Chrome and MacOS

The example that you gave above is for the browser zoom, the package is not handling the zoom when applied on the body tag

Screen.Recording.2024-01-29.at.4.53.34.PM.mov
elrumordelaluz commented

Thank you for the clarification. Keep in mind that this css feature is non-standard so, due to incompatibility between browsers, isn't tested yet.

pranavozone commented

Yeah, that is a non-standard feature but it there any way to tackle it?
Are there any chances of this being fixed in any of the upcoming releases