fix(material/tooltip): body line height affecting gap (#30164)

Fixes that the line height of the `body` element was affecting the gap between the tooltip and the trigger. Fixes #30132.
angular · Dec 12, 2024 · c04f84f · c04f84f
1 parent c12b73e
commit c04f84f
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/src/material/tooltip/tooltip.scss b/src/material/tooltip/tooltip.scss
@@ -98,9 +98,14 @@
   }
 }
 
-// We need the additional specificity here, because it can be overridden by `.cdk-overlay-panel`.
-.mat-mdc-tooltip-panel.mat-mdc-tooltip-panel-non-interactive {
-  pointer-events: none;
+.mat-mdc-tooltip-panel {
+  // The line height inherited from the body can throw off the tooltip gap (see #30132).
+  line-height: normal;
+
+  // We need the additional specificity here, because it can be overridden by `.cdk-overlay-panel`.
+  &.mat-mdc-tooltip-panel-non-interactive {
+    pointer-events: none;
+  }
 }
 
 @keyframes mat-mdc-tooltip-show {