mui / material-ui

Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.
https://mui.com/material-ui/
MIT License
93.97k stars 32.28k forks source link

Unable to type in input inside external dialog, when it's opened alongside with Dialog from Material-Ui #17569

Closed neemah closed 5 years ago

neemah commented 5 years ago

Recently there was a fix, which catch focus with setInterval to return it inside dialog so ESC will work properly after some blocks dissapear.

In the result we get more bugs which much worse than losing focus.

Current Behavior 😯

If you try to open Google Picker (google drive) from inside Dialog, you won't be able to search files, because input is not accessible.

Other example - if Intercom chat window opened alongside Dialog, user are not able to fill request in it.

Expected Behavior 🤔

Opened Dialog does not affect other opened dialogs from external libraries like Google Drive or Intercom, even if problem with Esc will come back.

Steps to Reproduce 🕹

Steps:

In Safari

  1. open https://demo.kaiten.io
  2. click to any card, so Material Dialog will be opened
  3. click on Intercom button (right bottom corner) and try to type something

Context 🔦

This affects core functionality of our product (file attachments, support requests) :-(

Your Environment 🌎

Tech Version
Material-UI v4.4.3
React 16.8.*
Browser Safari
oliviertassinari commented 5 years ago

Duplicate of #17497.

isomx commented 2 months ago

I had the same issue. Add disableEnforceFocus=true to the MUI dialog. That's the only fix I've found that works.