flex-grow: 1 が設定されている場合、テキストの 1 行に冗長なテキストが表示され、省略記号は無効になります

 

解決：

残りの位置を占める要素に flex-grow: 1、min-width: 0 を追加すると、問題は解決されます。