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

[Bug]: Don't use css zoom in ZoomElement #21302

Closed
Luk-z opened this issue Feb 28, 2023 · 0 comments · Fixed by #21303
Closed

[Bug]: Don't use css zoom in ZoomElement #21302

Luk-z opened this issue Feb 28, 2023 · 0 comments · Fixed by #21303
Labels

Comments

@Luk-z
Copy link
Contributor

Luk-z commented Feb 28, 2023

Describe the bug

The css zoom rule is a non-standard feature and should not be used.

I was rendering a full width and full height fixed div in a docsPage story.
I noticed that in firefox (it doesn't support zoom) it works as expected: the fixed div covers the story box. It does not overflow to the rest of the document page

image

In Chrome and Safari (they support zoom) zoom rule is used and the fixed div covers the entire docs page.

image

Firefox is using transform: scale() that causes the current div to act as containing block. This is what i expect from a Story box.

Chrome and Safari are using zoom and we don't have the benefit of containing block functionality

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants