shipshapecode / tether

A positioning engine to make overlays, tooltips and dropdowns better

Home Page:https://tetherjs.dev/docs/welcome

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Popups don't appear when fullscreen

xastor opened this issue · comments

I'm using tether for a menu popup but when my application goes fullscreen, the tether popups don't appear anymore because they are placed outside my application by tether and so are not visible fullscreen.

Is there a solution to this within the tether library?

Tether listens for the scroll and resize events. I'd expect going fullscreen to trigger a resize event; is that not the case? What about fullscreenchange? Try this:

document.addEventListener('fullscreenchange', () => Tether.position());