From b15078030caf2d3180dcdc7a1dec73241b352b93 Mon Sep 17 00:00:00 2001
From: Per Karlsson <per.karlsson@me.com>
Date: Wed, 24 Feb 2021 13:12:12 +0100
Subject: [PATCH] Make dialog overlay non focusable (#344)

If you click the overlay in the [ignore clicks on the overlay](https://shoelace.style/components/dialog?id=ignoring-clicks-on-the-overlay) demo you can no longer press escape to close the modal since the overlay has been focused.
---
 src/components/dialog/dialog.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/dialog/dialog.tsx b/src/components/dialog/dialog.tsx
index 68bb5ff4d..6a2bdd20c 100644
--- a/src/components/dialog/dialog.tsx
+++ b/src/components/dialog/dialog.tsx
@@ -229,7 +229,7 @@ export class Dialog {
         onKeyDown={this.handleKeyDown}
         onTransitionEnd={this.handleTransitionEnd}
       >
-        <div part="overlay" class="dialog__overlay" onClick={this.handleOverlayClick} />
+        <div part="overlay" class="dialog__overlay" onClick={this.handleOverlayClick} tabIndex={-1} />
 
         <div
           ref={el => (this.panel = el)}