react-focus-lock icon indicating copy to clipboard operation
react-focus-lock copied to clipboard

Focus Lock + PopperJS Issues

Open amcdnl opened this issue 7 years ago • 1 comments
trafficstars

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

amcdnl avatar Sep 06 '18 14:09 amcdnl

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.

theKashey avatar Sep 07 '18 03:09 theKashey

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.

stale[bot] avatar Apr 30 '23 12:04 stale[bot]