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.

Sign up for GitHub

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

Jump to bottom

[Modal] Wrong display of a modal that contain an autofocus input on iPad #19424

Open
2 tasks done
laeti42 opened this issue Jan 27, 2020 · 1 comment
Open
2 tasks done

[Modal] Wrong display of a modal that contain an autofocus input on iPad #19424

laeti42 opened this issue Jan 27, 2020 · 1 comment
Labels
component: dialog This is the name of the generic UI component, not the React module! component: modal This is the name of the generic UI component, not the React module!

Comments

@laeti42
Copy link

laeti42 commented Jan 27, 2020

  • The issue is present in the latest release.
  • I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

When opening a modal that contain an input with autofocus on an iPad, the keyboard is display in front of the modal most of the time
72251C7D-FE3F-4936-87B7-D27E35D3D00D

Expected Behavior 🤔

The modal is suppose to be above the keyboard like this.
B4C2EB12-D9FF-43E2-8C91-282BA1B365F7

Steps to Reproduce 🕹

Steps:

Links : https://codesandbox.io/s/modal-focus-issue-vo53i

  1. Open the link with an iPad
  2. Try to open the modal
  3. See that the keyboard is display over the modal
  4. Sometimes it work properly so try to open/close the modal more than once if needed

Context 🔦

I'm currently using modal to rename, comment and create elements and I want to make it work for iPad as well.

Your Environment 🌎

Tech Version
Material-UI v4.9.0
React V16.12.0
Browser Safari/605.1.15
@oliviertassinari oliviertassinari added the component: dialog This is the name of the generic UI component, not the React module! label Jan 27, 2020
@oliviertassinari oliviertassinari added the component: modal This is the name of the generic UI component, not the React module! label Apr 5, 2020
@oliviertassinari oliviertassinari changed the title Wrong display of a modal that contain an autofocus input on iPad [Modal] Wrong display of a modal that contain an autofocus input on iPad Apr 5, 2020
@aadityavvij
Copy link

Please assign this issue to me, I want to work on this.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
component: dialog This is the name of the generic UI component, not the React module! component: modal This is the name of the generic UI component, not the React module!
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@oliviertassinari @laeti42 @aadityavvij