diff --git a/.changeset/real-corners-cross.md b/.changeset/real-corners-cross.md new file mode 100644 index 00000000000..525e77a1b8e --- /dev/null +++ b/.changeset/real-corners-cross.md @@ -0,0 +1,5 @@ +--- +'@spectrum-web-components/tooltip': patch +--- + +**Fixed**: Fixed an issue with text overflow in `sp-tooltip`: long, unbroken words were not wrapping and overflowed the container. diff --git a/1st-gen/packages/tooltip/src/spectrum-tooltip.css b/1st-gen/packages/tooltip/src/spectrum-tooltip.css index 1bc7074c590..022b9af8ef6 100644 --- a/1st-gen/packages/tooltip/src/spectrum-tooltip.css +++ b/1st-gen/packages/tooltip/src/spectrum-tooltip.css @@ -321,6 +321,10 @@ line-height: var(--mod-tooltip-line-height, var(--spectrum-tooltip-line-height)); margin-block-start: var(--mod-tooltip-spacing-block-start, var(--spectrum-tooltip-spacing-block-start)); margin-block-end: var(--mod-tooltip-spacing-block-end, var(--spectrum-tooltip-spacing-block-end)); + + /* Allow overflow-wrap to work and prevent text overflow */ + inline-size: 100%; + min-inline-size: 0; } #tooltip,