From 63194abf934452c1746e521c500a8db7d2b1c00e Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Wed, 5 Apr 2023 09:21:25 -0500
Subject: [PATCH] prettier + changelog

---
 docs/resources/changelog.md               | 1 +
 src/components/split-panel/split-panel.ts | 4 +---
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/docs/resources/changelog.md b/docs/resources/changelog.md
index 6540c07cc..fe8fd7687 100644
--- a/docs/resources/changelog.md
+++ b/docs/resources/changelog.md
@@ -15,6 +15,7 @@ New versions of Shoelace are released as-needed and generally occur when a criti
 - Fixed a bug in `<sl-tree-item>` that caused labels to be misaligned when text wraps [#1244](https://github.com/shoelace-style/shoelace/issues/1244)
 - Fixed an incorrect CSS property value in `<sl-checkbox>` [#1272](https://github.com/shoelace-style/shoelace/pull/1272)
 - Fixed a bug in `<sl-avatar>` that caused the initials to show up behind images with transparency [#1260](https://github.com/shoelace-style/shoelace/pull/1260)
+- Fixed a bug in `<sl-split-panel>` that prevented the divider from being focusable in some browsers [#1288](https://github.com/shoelace-style/shoelace/issues/1288)
 - Improved the behavior of `<sl-carousel>` when used inside a flex container [#1235](https://github.com/shoelace-style/shoelace/pull/1235)
 - Improved the behavior of `<sl-tree-item>` to support buttons and other interactive elements [#1234](https://github.com/shoelace-style/shoelace/issues/1234)
 - Improved the performance of `<sl-include>` to prevent an apparent memory leak in some browsers [#1284](https://github.com/shoelace-style/shoelace/pull/1284)
diff --git a/src/components/split-panel/split-panel.ts b/src/components/split-panel/split-panel.ts
index 510fe75ee..a44d8c92e 100644
--- a/src/components/split-panel/split-panel.ts
+++ b/src/components/split-panel/split-panel.ts
@@ -262,9 +262,7 @@ export default class SlSplitPanel extends ShoelaceElement {
         @mousedown=${this.handleDrag}
         @touchstart=${this.handleDrag}
       >
-        <slot
-          name="divider"
-        ></slot>
+        <slot name="divider"></slot>
       </div>
 
       <slot name="end" part="panel end" class="end"></slot>