fix: move media-chrome-button aria attributes to connectedCallback fo…

…r react compat.
muxinc · Sep 27, 2021 · b6b57b6 · b6b57b6
1 parent 846aa82
commit b6b57b6
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/js/media-chrome-button.js b/src/js/media-chrome-button.js
@@ -97,10 +97,6 @@ class MediaChromeButton extends window.HTMLElement {
 
     const buttonHTML = template.content.cloneNode(true);
     this.nativeEl = buttonHTML.querySelector('div');
-
-    this.setAttribute('role', "button");
-    this.setAttribute('aria-live', "polite");
-    this.setAttribute('tabindex', 0);
 
     // Slots
     let slotTemplate = options.slotTemplate;
@@ -154,6 +150,10 @@ class MediaChromeButton extends window.HTMLElement {
   }
 
   connectedCallback() {
+    this.setAttribute('role', "button");
+    this.setAttribute('aria-live', "polite");
+    this.setAttribute('tabindex', 0);
+
     const mediaControllerId = this.getAttribute(MediaUIAttributes.MEDIA_CONTROLLER);
     if (mediaControllerId) {
       const mediaControllerEl = document.getElementById(mediaControllerId);