Mirror: React hooks for accessible, common web interactions. UI super powers without the UI.
Make focus loss/gain detection stricter
+7
-2
+7
-2
src/useDismissable.ts
+7
-2
src/useDismissable.ts
···
36
36
const { target, relatedTarget } = event;
37
37
if (
38
38
!event.defaultPrevented &&
39
-
(relatedTarget || willLoseFocus) &&
39
+
willLoseFocus &&
40
40
contains(element, target) &&
41
41
!contains(element, relatedTarget)
42
42
) {
···
47
47
48
48
function onFocusIn(event: FocusEvent) {
49
49
const { target } = event;
50
-
if (!event.defaultPrevented && !contains(element, target)) {
50
+
if (
51
+
!event.defaultPrevented &&
52
+
willLoseFocus &&
53
+
!contains(element, target)
54
+
) {
55
+
willLoseFocus = false;
51
56
onDismissRef.current(event);
52
57
}
53
58
}