MOBILE-4857 theme: Fix popover position with CSS zoom

albertgasset · albertgasset · commit 89a60af027ac · 2025-10-21T12:25:49.000+02:00
The previous fix for the issue contained a bug.
diff --git a/src/theme/components/ion-popover.scss b/src/theme/components/ion-popover.scss
@@ -4,11 +4,9 @@ ion-popover {
 
         // When CSS zoom is not 100%, the calculated position is incorrect.
         // Workaround: revert zoom on the element but keep it for children.
-        &::part(content) {
-            zoom: calc(1 / var(--zoom-ratio));
-            & > * {
-                zoom: var(--zoom-ratio);
-            }
+        zoom: calc(1 / var(--zoom-ratio));
+        & > * {
+            zoom: var(--zoom-ratio);
         }
     }
     &.md {

Original file line number	Diff line number	Diff line change
`@@ -4,11 +4,9 @@ ion-popover {`
`4`	`4`
`5`	`5`	`// When CSS zoom is not 100%, the calculated position is incorrect.`
`6`	`6`	`// Workaround: revert zoom on the element but keep it for children.`
`7`		`- &::part(content) {`
`8`		`- zoom: calc(1 / var(--zoom-ratio));`
`9`		`- & > * {`
`10`		`- zoom: var(--zoom-ratio);`
`11`		`- }`
	`7`	`+ zoom: calc(1 / var(--zoom-ratio));`
	`8`	`+ & > * {`
	`9`	`+ zoom: var(--zoom-ratio);`
`12`	`10`	`}`
`13`	`11`	`}`
`14`	`12`	`&.md {`