Issue with Dropdown Component Misalignment When Zooming in Glide App

[opsols]

Hello Glide Community,

I’m encountering a unique issue with my Glide app, specifically related to a Dropdown component. When I use the standard zoom functionality (using cmd and -), everything works as expected. However, when implementing a custom zoom using CSS, the Dropdown component seems to misalign or shift unexpectedly.

Here’s the CSS I’m using:

body {
  zoom: 0.67;
  transform-origin: top left;
  overflow: hidden;
}

body {
  transition: zoom 0.5s ease;
}

@media (max-width: 768px) {
  body {
    zoom: 1; /* No scaling for smaller screens */
  }
}

With this CSS, everything else in the app scales correctly, but the Dropdown component doesn’t align properly upon clicking. This method of zooming is the only one that seems to work with Glide, so I’m hesitant to change it. Has anyone else faced a similar issue? Any insights or suggestions on how to resolve this would be greatly appreciated.

Thank you in advance for your help!