Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

popups appearing outside viewport on iPad #1140

Open
vertex-github opened this issue Oct 23, 2023 · 1 comment
Open

popups appearing outside viewport on iPad #1140

vertex-github opened this issue Oct 23, 2023 · 1 comment

Comments

@vertex-github
Copy link

vertex-github commented Oct 23, 2023

Bug description

Ive got a tippy popup that sometimes appears partially outside the viewport. I have similar issues on desktop when I had the inspector open. I tried adding:

    popperOptions : {
        modifiers : [{
            name: 'preventOverflow',
            options:{
                enabled:true,
                boundariesElement : 'window'
            }
        }
        ]

to the tippy options, but I can still get the popup outside the viewport on both desktop and an iPad - the popup is sometimes appearing off screen at the top.

I am constructing the content inside the onShow() method (setting the content from HTML I built up inline) but the popup isnt open at that point - or has tippy already calculated the size before it calls onShow ?

@vertex-github
Copy link
Author

vertex-github commented Oct 23, 2023

https://codepen.io/vertex-github/pen/ZEwYeZd actually works worse than in my app - nothing is showing inside the viewport here.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant