Skip to content

Commit 5a86693

Browse files
authored
fix(Tooltip): prevent unbroken text from overflowing (#19403)
1 parent bdc774e commit 5a86693

File tree

2 files changed

+3
-6
lines changed

2 files changed

+3
-6
lines changed

packages/react/src/components/Tooltip/story.scss

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
//
2-
// Copyright IBM Corp. 2016, 2023
2+
// Copyright IBM Corp. 2016, 2025
33
//
44
// This source code is licensed under the Apache-2.0 license found in the
55
// LICENSE file in the root directory of this source tree.
@@ -47,7 +47,3 @@
4747
.sb-definition-tooltip p {
4848
@include type.type-style('body-short-02');
4949
}
50-
51-
.cds--tooltip-content {
52-
overflow-wrap: break-word;
53-
}

packages/styles/scss/components/tooltip/_tooltip.scss

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
//
2-
// Copyright IBM Corp. 2016, 2023
2+
// Copyright IBM Corp. 2016, 2025
33
//
44
// This source code is licensed under the Apache-2.0 license found in the
55
// LICENSE file in the root directory of this source tree.
@@ -36,6 +36,7 @@ $tooltip-padding-inline: custom-property.get-var(
3636

3737
padding: $tooltip-padding-block $tooltip-padding-inline;
3838
max-inline-size: convert.to-rem(288px);
39+
overflow-wrap: break-word;
3940
}
4041
}
4142

0 commit comments

Comments
 (0)