From 6d931708e8af1b3d5b9318f1d2c33bb1210d2145 Mon Sep 17 00:00:00 2001
From: Westbrook Johnson <wesjohns@adobe.com>
Date: Mon, 18 Apr 2022 14:25:05 -0500
Subject: [PATCH] fix: allow dir to be managed across multiple connections and
 disconnections

---
 packages/base/src/Base.ts | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/base/src/Base.ts b/packages/base/src/Base.ts
index 0ab66b78a5..57037f9626 100644
--- a/packages/base/src/Base.ts
+++ b/packages/base/src/Base.ts
@@ -115,8 +115,12 @@ export function SpectrumMixin<T extends Constructor<ReactiveElement>>(
                         (dirParent as unknown as ShadowRoot)
                             .host) as HTMLElement;
                 }
+                const oldDir = this.dir;
                 this.dir =
                     dirParent.dir === 'rtl' ? dirParent.dir : this.dir || 'ltr';
+                if (oldDir === this.dir) {
+                    this.setAttribute('dir', this.dir);
+                }
                 if (dirParent === document.documentElement) {
                     observedForElements.add(this);
                 } else {