Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

disable focus on interactive popover

See original GitHub issue

Please add option to disable it if (options.interactive && elementIsInViewport(reference)) { popper.focus(); }

Issue Analytics

State:
Created 6 years ago
Comments:8 (5 by maintainers)

Top GitHub Comments

1reaction

atomikscommented, Jan 30, 2018

Please check the PR: #173 and make sure it 100% fixes it. I tested it and it worked for my case, but need to make sure.

Why then need a focus if not scroll ?)

Because you can still tab to elements within the interactive popper, it just won’t scroll to it if it’s not in the viewport. This is mainly important for screenreaders, etc, so they won’t need to be looking at it. It’s not 100% ideal but I think for the vast majority of cases, it’s fine

1reaction

fenyaggcommented, Jan 30, 2018

ok https://www.youtube.com/watch?v=HIycVQa3Ufo&feature=youtu.be

Top Results From Across the Web

Popovers · Bootstrap v5.0

Dismiss on next click. Use the focus trigger to dismiss popovers on the user's next click of a different element than the toggle...

Prevent auto focus of a material-ui popover element

I used a ref on the textfield and a conditional to set the opacity of the popover so it only shows once there's...

Popover - Chakra UI

By default, focus is to sent to PopoverContent when it opens. Pass the initialFocusRef prop to send focus to a specific element instead....

Popovers · Boosted v5.0

Elements with the disabled attribute aren't interactive, meaning users cannot hover or click them to trigger a popover (or tooltip). As a workaround,...

Popover | CAST Figuration (v4.0)

Elements with the disabled attribute aren't interactive, meaning users cannot hover or click them to trigger a popover (or tooltip).