for text truncation, these three conditions must be met

overflow: hidden;

white-space: nowrap;

text-overflow: ellipsis;

you also need following in a flex content

min-width: 0;