element-hq / element-web

A glossy Matrix collaboration client for the web.
https://element.io
Apache License 2.0
10.85k stars 1.91k forks source link

Unsuspected FocusLock behaving inside IFrame #22377

Open yevhenii-username opened 2 years ago

yevhenii-username commented 2 years ago

Steps to reproduce

When you render element-web inside an iframe and activate (open) some modal - react-focus-lock broken main window inputs and selects (iimmediately removes focus from elements)

  1. Add some inputs in the main app
  2. Add iframe tag and put src to element web instance
  3. Open some modal (everything which wrapped inside FocusLock component)
  4. Try put focus to input oon main app Here is issue about the same case https://github.com/theKashey/react-focus-lock/issues/104#issuecomment-734332075

Outcome

What did you expect?

Focus on all element (except inputs and selects) working as exected on main window Inside iframe everything which around modal without focus as exected

What happened instead?

Focus, click not working on inputs and selects in the main window when some modal open inside iframe with element-web

Operating system

All

Browser information

All

URL for webapp

No response

Application version

All

Homeserver

No response

Will you send logs?

No

t3chguy commented 2 years ago

The plan here is https://github.com/vector-im/element-web/issues/22275, but this does not solve it for context menus