Renders 3 line on first app render

[susantpatel]

I have passed max line 2 but it renders 3 lines when my react app first renders. Then when I resize my window it makes it 2 lines. The issue is on both firefox and chrome's latest versions.

[Pdhenrique]

I'm having the same problem.

browser: Chrome version - 119.0.6045.159

As an example, I am working on a menuItem component that must have a title and smaller text below. This text would be limited by default to 2 lines. however, when this menuItem is applied to a component that uses it, it is being rendered with 3 lines, and then if it is re-rendered due to some update in the screen proportion, the 2 lines are applied.

Some properties, much of the stylization were removed from this image to reduce the size of the content.

In the images below I will show the way it is being rendered in my project.

initial render:

render after recalculation:

[xiaody]

Close due to inactivity and no reproductions. Feel free to reopen with a stackblitz reproduction link.