Modal window jumping on mobile when using selects (iOS only) #7012
Labels
help wanted
Contributions from community are welcome
Comments
rtivital
added
Fix Unknown
rip32700
changed the title
|
After testing, I think this is an old issue in iOS. To reproduce this issue, the body element scrolling and switching focus input (Select or Text Input) in the modal are required. The focus changed, and the body scrolled up. Set the width and height in mobile device html, body {
position: relative;
width: 100%;
height: 100%;
overflow: auto;
}Or scroll in custom element. <body>
<MantineProvider>
<main class="fixed-full-screen-and-scrollable">
{children}
</main>
</MantineProvider>
</body>Hope this helps |
2 tasks
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Dependencies check up
What version of @mantine/* packages do you have in package.json?
7.13.2
What package has an issue?
@mantine/core
What framework do you use?
Next.js
In which browsers you can reproduce the issue?
Safari
Describe the bug
On Safari in iOS (simulator or real device), when clicking into a select that's rendered in a modal window, it inititally jumps, then stops after a couple clicks. See video
jumping_bug.mov
If possible, include a link to a codesandbox with a minimal reproduction
No response
Possible fix
No response
Self-service
The text was updated successfully, but these errors were encountered: