Skip to content
This repository has been archived by the owner on Aug 21, 2023. It is now read-only.

馃悰Bug: Dialog background on docs page scrolls even when modal is true on mobile (iOS 16.4.1) #146

Open
yekta opened this issue May 15, 2023 · 0 comments
Labels
bug Something isn't working

Comments

@yekta
Copy link

yekta commented May 15, 2023

Describe the bug
Dialog background is sometimes scrollable even when modal prop is true. It's happening on https://www.radix-svelte.com/docs/dialog and I didn't try if it happens with the actual component.
To Reproduce
Steps to reproduce the behavior:

  1. Visit https://www.radix-svelte.com/docs/dialog with an iOS device (16.4.1)
  2. Open the dialog, try to scroll the background.

Expected behavior
Background not scrolling when modal is true.

Screenshots
https://github.com/TGlide/radix-svelte/assets/40706601/89e10475-e9b9-4d5c-bf8d-4bc99fdea14f

Smartphone (please complete the following information):

  • Device: iPhone 13 Pro Max
  • OS: iOS 16.4.1
  • Browser: Safari

Additional context
Sometimes the scroll is not possible, sometimes it is. I couldn't tell when exactly. This could also be related to the docs' implementation not the component itself.

Edit: Seems like it might be related to viewport size changing. In the video below, I'm not able to scroll the background if the bottom bar of safari is in its expanded/default state. However, I can scroll the background if the bottom bar is in it's collapsed state.
https://github.com/TGlide/radix-svelte/assets/40706601/734255ba-e23a-40ef-9690-75a6c76f50e1

@yekta yekta added the bug Something isn't working label May 15, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant