Ellipsis does not work for long text

[aron-hivebrite]

Hello Mr CezaryDanielNowak,

I have tried to use your Dotdotdot component like this

<Dotdotdot clamp={2}>
  hello everyonFRRRRRRRRRRRRRRRReveryonFRRRRRRRRRRRRRRRReveryonFRRRRRRRRRRRRRRRReveryonFRRRRRRRRRRRRRRRReveryonFRRRRRRRRRRRRRRRReveryonFRRRRRRRRRRRRRRRReveryonFRRRRRRRRRRRRRRRR
</Dotdotdot>

And I got:

So, I did the following changes:

const ClampedText = styled(Box)`
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: inline-block;
  white-space: nowrap;
  -webkit-line-clamp: ${(props) => props.clamp ?? 1};
`;

And I used it like that:

<ClampedText clamp={2}>
  hello everyonFRRRRRRRRRRRRRRRReveryonFRRRRRRRRRRRRRRRReveryonFRRRRRRRRRRRRRRRReveryonFRRRRRRRRRRRRRRRReveryonFRRRRRRRRRRRRRRRReveryonFRRRRRRRRRRRRRRRReveryonFRRRRRRRRRRRRRRRR
</ClampedText>

And it worked for me:

I only have changed the value of display and have added white-space.

Could you confirm if it is a bug in the component please?

Thx in advance.