The shared error pattern has been updated to use the overflow directive to track when the error text has overflow and to only show the title when overflow is present. As part of this, each component that implements ErrorPattern was updated to include an observable property named errorHasOverflow to correctly implement the ErrorPattern interface.
๐งช Testing
Manually tested in storybook that all updated components:
don't have a title on the error text when the error text is short
have a title on the error text when the error text overflows
the overflow on the error text does not affect any existing overflow behavior on the component
โ Checklist
[ ] I have updated the project documentation to reflect my changes or determined no changes are needed.
Pull Request
๐คจ Rationale
Fixes #2431
๐ฉโ๐ป Implementation
The shared error pattern has been updated to use the
overflow
directive to track when the error text has overflow and to only show thetitle
when overflow is present. As part of this, each component that implementsErrorPattern
was updated to include anobservable
property namederrorHasOverflow
to correctly implement theErrorPattern
interface.๐งช Testing
Manually tested in storybook that all updated components:
title
on the error text when the error text is shorttitle
on the error text when the error text overflowsโ Checklist