Steps to Reproduce:
- Visit https://en.wikipedia.org/wiki/Barack_Obama?useskinversion=2
- Copy and paste "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa" into input
Actual Results:
The suggestions footer's text overflows its container
Expected Results:
The suggestions footer's text does not overflow its container
Developer Notes
This bug can be replicated in WVUI storybook so the problem is in WVUI.
Something like the following might work
.wvui-typeahead-search__suggestions__footer__text { text-overflow: ellipsis; overflow: hidden; } .wvui-typeahead-search__suggestions-footer-article-icon { // Prevent the icon container from shrinking when large text is present flex-shrink: 0; }
QA Results - Beta
AC | Status | Details |
---|---|---|
1 | ✅ | T279088#7036635 |
QA Results -Prod
AC | Status | Details |
---|---|---|
1 | ✅ | T279088#7053964 |