diff --git a/packages/react-core/src/components/Chip/Chip.tsx b/packages/react-core/src/components/Chip/Chip.tsx index 52c6c62d518..12ab24e665c 100644 --- a/packages/react-core/src/components/Chip/Chip.tsx +++ b/packages/react-core/src/components/Chip/Chip.tsx @@ -81,6 +81,17 @@ class Chip extends React.Component { }); } + componentDidUpdate(_prevProps: ChipProps, prevState: ChipState) { + const nextIsTooltipVisible = Boolean( + this.span.current && this.span.current.offsetWidth < this.span.current.scrollWidth + ); + if (prevState.isTooltipVisible !== nextIsTooltipVisible) { + this.setState({ + isTooltipVisible: nextIsTooltipVisible + }); + } + } + setChipStyle = () => ({ [cssChipTextMaxWidth.name]: this.props.textMaxWidth });