Modal focus trap problem

[archasek]

Issue summary

When using the modal component with e.g. CKEditor (I tested other rich editors as well) or any other stuff with their own modals/balloons, Polaris conflicts with its focus handling.

Expected behavior

Focus on 3rd party additional modals should work well.

Actual behavior

When I open a balloon to add a hyperlink, it's impossible to type as focus is lost.

Steps to reproduce the problem

1. Open the live example and run the project.
2. Open modal
3. Try to add a hyperlink in thhe WYSIWYG editor.
4. Observe the buggy behavior.

Reduced test case

I prepared a live example to quickly reproduce.

Specifications

• Are you using the React components? (Y/N): Y
• Polaris version number: 11.4.5
• Browser: Chrome
• Device: Desktop
• Operating System: Windows

[archasek]

Is there any chance this can be resolved?

[github-actions[bot]]

Hi! We noticed there hasn’t been activity on this issue in a while. After 30 days, it will close automatically.

If it’s still relevant, or you have updates, comment and let us know. And don’t worry, you can always re-open later if needed.