I have a problem with text always ellipsis in a scrolled element.
When I use:
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
Firefox ellipsis all items. No matter if the anchor has display: list-item, or parent display: flex, flex-direction: column. On Chrome everything is working fine.
The difference between chrome and firefox is significant.
I prepare codesandbox: https://codesandbox.io/s/gifted-glade-6kbcq?file=/index.html
Any idea how to fix it?