lightning-base-components 1.21.1-alpha → 1.21.2-alpha

package/src/lightning/buttonIcon/buttonIcon.css

@@ -1,2 +1,2 @@
-/* @import 'lightning/sldsCommon';
-@import './button-icon.slds.css'; */
+@import 'lightning/sldsCommon';
+@import './button-icon.slds.css';

package/src/lightning/buttonIcon/buttonIcon.js

@@ -168,7 +168,10 @@ export default class LightningButtonIcon extends LightningPrimitiveButton {
     }
 
     get computedTitle() {
-        return this.showTitle ? this.title || this.alternativeText || '' : null;
+        // Assign after renderedCallback (this.rendered) to nullify hydration mismatch.
+        return this.rendered && this.showTitle
+            ? this.title || this.alternativeText || ''
+            : null;
     }
 
     normalizeVariant(variant) {
@@ -287,7 +290,8 @@ export default class LightningButtonIcon extends LightningPrimitiveButton {
         return classes.toString();
     }
 
-    handleFocus() {
+    handleFocus(event) {
+        event.stopPropagation();
         this.dispatchEvent(new CustomEvent('focus'));
     }
 
@@ -366,6 +370,8 @@ export default class LightningButtonIcon extends LightningPrimitiveButton {
     disconnectedCallback() {
         super.disconnectedCallback();
         this._connected = false;
+        this.rendered = false;
+        this.showTitle = true;
         if (this._tooltip) {
             this._tooltip.disconnect();
         }

package/src/lightning/buttonIcon/buttonIcon.js-meta.xml

@@ -3,4 +3,7 @@
     <isExposed>true</isExposed>
     <minApiVersion>0.0</minApiVersion>
     <support>GA</support>
+    <capabilities>
+        <capability>lightning__ServerRenderableWithHydration</capability>
+    </capabilities>
 </LightningComponentBundle>