JS Code in component runs well on chrome preview but not mobile

I wrote a little JS React component, that I then invoke from UI Builder.

It has a slider that is rotated vertical, and “fills” a shampoo bottle from empty to full as you slide up. It does this by changing the height of a div with a background color of green as the slider moves. There is a png of a shampoo bottle on top of the div with transparency where the bottle would show the shampoo.

It is very snappy in the web browser, and unusable almost in the mobile preview. I would love thoughts on why this doesn’t work very well on the mobile version in the preview.


I decided try implementing this using only UI Builder rather than code. Works like a charm in the mobile version.