NO BUG: One issue in icon list element

Browser: Chrome 128.0.6613.120
OS: Windows

Hi,

It seems that there is a problem in icon the list element…

If the text is a bit long, it will break and continue on the next line. While there is plenty of space to continue in one line. Please see the screenshot below.

Actually the problem comes from the fact that li has flex:1. Not sure if this is a bug or normal behavior. But do you agree that it makes more sense if this element works as shown in the screenshot below?

Hi,

while I might agree with this, I don’t think it’s a bug per se, but just a way how default CSS works. Now, one solution is also to add white-space:nowrap style.

%root% {
  white-space: nowrap;
}

Because of that, I think this is more of an improvement and not a bug. I’ll create an internal note about this though, but will also annotate this topic as a NO BUG.

Thank you,
M

1 Like