white-space: nowrap; and flexbox did not work in chrome

Question

Recent update of Chrome breaks white-space: nowrap using text-overflow: ellipsis; on a overflow: hidden element. How to fix that without a

Answer 1

text-overflow: ellipsis is work with the width property

.lastname { 
  width: 525px;
  flex-grow: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}