change files (#28500)

microsoft · May 8, 2024 · 6d6d6fe · 6d6d6fe
1 parent 1f4594d
commit 6d6d6fe
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/change/@fluentui-web-components-ce49d0a8-e88e-4b52-81ed-24d9badc8cab.json b/change/@fluentui-web-components-ce49d0a8-e88e-4b52-81ed-24d9badc8cab.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "fix(web-components): check if component is connected before calling setAttribute in attribute changed callback",
+  "packageName": "@fluentui/web-components",
+  "email": "chhol@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/web-components/src/toggle-button/toggle-button.ts b/packages/web-components/src/toggle-button/toggle-button.ts
@@ -47,6 +47,10 @@ export class ToggleButton extends Button {
   @observable
   public checked: boolean = false;
   protected checkedChanged(prev: boolean | undefined, next: boolean): void {
+    if (!this.$fastController.isConnected) {
+      return;
+    }
+
     if (!this.dirtyChecked) {
       this.dirtyChecked = true;
     }