Fix magic magnifier positioning in Firefox

Oh oops, Firefox is a bit stricter about interpreting custom elements
as inline elements by default instead of block elements. This messes up
the positioning relative to the container. Fixed!
This commit is contained in:
Emi Matchu 2024-12-28 16:11:38 -08:00
parent 019484b6dd
commit ab572b6576

View file

@ -1,4 +1,5 @@
magic-magnifier
display: block
position: relative
// Only show the lens when we are hovering, and the magnifier's X and Y
@ -14,6 +15,7 @@ magic-magnifier
display: block
magic-magnifier-lens
display: block
width: var(--magic-magnifier-lens-width, 100px)
height: var(--magic-magnifier-lens-height, 100px)
overflow: hidden