From e196b0915a33cba0ed141e71a489d0b3ab550a0d Mon Sep 17 00:00:00 2001
From: Konnor Rogers <konnor5456@gmail.com>
Date: Wed, 5 Apr 2023 10:18:57 -0400
Subject: [PATCH] fix: split-panel divider now focusable in Edge / Chrome
 (#1289)

---
 src/components/split-panel/split-panel.ts | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/split-panel/split-panel.ts b/src/components/split-panel/split-panel.ts
index 6e0abb485..510fe75ee 100644
--- a/src/components/split-panel/split-panel.ts
+++ b/src/components/split-panel/split-panel.ts
@@ -249,17 +249,23 @@ export default class SlSplitPanel extends ShoelaceElement {
     return html`
       <slot name="start" part="panel start" class="start"></slot>
 
-      <slot
-        name="divider"
+      <div
         part="divider"
         class="divider"
         tabindex=${ifDefined(this.disabled ? undefined : '0')}
         role="separator"
+        aria-valuenow=${this.position}
+        aria-valuemin="0"
+        aria-valuemax="100"
         aria-label=${this.localize.term('resize')}
         @keydown=${this.handleKeyDown}
         @mousedown=${this.handleDrag}
         @touchstart=${this.handleDrag}
-      ></slot>
+      >
+        <slot
+          name="divider"
+        ></slot>
+      </div>
 
       <slot name="end" part="panel end" class="end"></slot>
     `;