From 0c44f111d695e41f6a1fe661653f635c9232e823 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bal=C3=A1zs=20S=C3=A1ros?= <balazs.saros@instructure.com>
Date: Wed, 13 Dec 2023 01:48:19 +0100
Subject: [PATCH] WIP(ui-a11y-utils): check breaking test

---
 packages/ui-a11y-utils/src/FocusRegion.ts | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/packages/ui-a11y-utils/src/FocusRegion.ts b/packages/ui-a11y-utils/src/FocusRegion.ts
index 4dc70abbe7..c2311ffca9 100644
--- a/packages/ui-a11y-utils/src/FocusRegion.ts
+++ b/packages/ui-a11y-utils/src/FocusRegion.ts
@@ -46,7 +46,7 @@ class FocusRegion {
   private _listeners: ReturnType<typeof addEventListener>[] = []
   private _active = false
   private _documentClickTarget: Node | null = null
-  private _contextContainsTarget = false
+  // private _contextContainsTarget = false
 
   constructor(element: Element | Node | null, options: FocusRegionOptions) {
     this._options = options || {
@@ -82,12 +82,12 @@ class FocusRegion {
     this._options.onDismiss?.(event, documentClick)
   }
 
-  captureDocumentMousedown = (event: React.MouseEvent) => {
-    this._documentClickTarget = event.target as Node
-    this._contextContainsTarget = contains(
-      this._contextElement,
-      this._documentClickTarget
-    )
+  captureDocumentMousedown = (_event: React.MouseEvent) => {
+    // this._documentClickTarget = event.target as Node
+    // this._contextContainsTarget = contains(
+    //   this._contextElement,
+    //   this._documentClickTarget
+    // )
   }
 
   handleDocumentClick = (event: React.PointerEvent) => {
@@ -95,7 +95,7 @@ class FocusRegion {
       this._options.shouldCloseOnDocumentClick &&
       event.button === 0 &&
       event.detail > 0 && // if event.detail is 0 then this is a keyboard and not a mouse press
-      !this._contextContainsTarget
+      !contains(this._contextElement, this._documentClickTarget)
     ) {
       this.handleDismiss(event, true)
     }
@@ -157,7 +157,7 @@ class FocusRegion {
         )
 
         this._listeners.push(
-          addEventListener(doc, 'click', this.handleDocumentClick)
+          addEventListener(doc, 'click', this.handleDocumentClick, true)
         )
 
         Array.from(doc.getElementsByTagName('iframe')).forEach((el) => {