react-focus-lock
react-focus-lock copied to clipboard
Focus Lock + PopperJS Issues
Issue Description
When combining PopperJS w/ Focus Lock there are various overflow issues.
Steps to reproduce
- Set html, body to 100% height w/ overflow auto
- Create a popperjs element
- Link the popper element to something that is positioned at the bottom of a page.
- Inside the popper element, put a focus lock element
Thats quite a complex combination, I'll try to create a repo case. In the meantime, here is a video that might help. https://www.screencast.com/t/VIH2TlRNep
You are about "page jump"? Try to add autofocus={false} to the Lock props - it will not autofocus element inside a Lock, and thus will not trigger page jump.
This issue has been marked as "stale" because there has been no activity for 2 months. If you have any new information or would like to continue the discussion, please feel free to do so. If this issue got buried among other tasks, maybe this message will reignite the conversation. Otherwise, this issue will be closed in 7 days. Thank you for your contributions so far.