search

atomiks / tippyjs

Tooltip, popover, dropdown, and menu library
https://atomiks.github.io/tippyjs/
MIT License
12.03k stars 520 forks source link

Stretching the popover to the full width and height of the screen #897

Closed msimkunas closed 3 years ago

msimkunas commented 3 years ago

Is it possible to detach the popover from its reference element and stretch it to the full width and eight of the screen?

In my use case I'd like to display the popover as a regular popover on wider screens but stretch it to the corners of the display on mobile devices, effectively turning it into a modal window that covers the entire screen. Is this possible?

atomiks commented 3 years ago

I'd say you can use media queries and units like vw/vh to stretch it on mobile, and it should work without issues