Popover positioning is not working on Chromium 53

[jonybekov]

🐛 Bug report

Hi. I'm using @ark-ui/solid package in smart tv application using solid.js. It uses popover component from zagjs. I'm using popover with custom anchor. The issue is that it is positioned incorrectly when I run my app on webos 4 (which uses Chromium 53). I tried to debug it and the first thing that catches my eye is css variables for --transform-origin, --reference-width, --available-width, --available-height, --x, --y are not being set to inline style.

Here's how it looks in modern browser:

Here's DOM inspector on Chromium 53:

As you can see CSS variables are not set to the positioner element.
Here's all JSX and options that I'm using:

What can cause such kind of issue?

🌍 System information

Software	Version(s)
Zag Version	0.82.1
Browser	Chromium 53
Operating System	WebOS

[segunadebayo]

It feels like the element queries don’t work as expected.

Did you try https://ark-ui.com/docs/utilities/environment?