Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Currently the focus box does not refresh itself on a scroll or a resize event.
Add resize event listener
If the window gets resized, the
focusBox
element remains at the same position and won't readjust itself according to the targeted element. The new optiondebounceResize
(enabled by default) will fix this.Add scroll event listener
By default (scrolling on the body) the scroll event listener is not necessary. But as soon as you have another layer (Modal, Floating Message or even just an element with fixed height and overflow auto) the
focusBox
will not readjust itself to the corresponding target Element. The new optiondebounceScroll
(enabled by default) will fix this.Both of the event listeners are being triggered if the corresponding event is not being executed within 150ms. This variable is also adjustable via the new option
debounceMs
.