Popovers on mobile overlay the highlighted element and ignore position: top

The default positioning behaviour of driver.js seems to cause some issues when on mobile.

I've cut this down to the simplest possible example, which can be viewed in this glitch

https://guiltless-classic-night.glitch.me/

Basically, due to the position and height of the element, driver.js tries to scroll the element into the centre of the viewport, but this then means the popover isn't shown above the selected element anymore - instead it overlays it completely, which (due to the small screen sizes on mobile) hides the content almost entirely.

What's odd is that if you then manually scroll the page, you can get the perfect solution - the tooltip is correctly shown above the top of the selected element

I can't find any way round this at the moment, as the position: top flag seems to be used for guidance and there is no way to "force" it.

Start with the linked Glitch reproduction and observe the mobile behavior when the selected element is positioned near the top of the viewport. Trace the positioning and scrolling entry points in driver.js; done means a popover requested with position: top remains above the highlighted element without requiring manual scrolling.