Использование `text-overflow: многоточие` с длинной строкой без пробела с `display: -webkit-box`

При использовании display: -webkit-box вместе с CSS, необходимым для получения многоточия переполнения текста, многоточие исчезает.

Вот рабочий пример. В обоих текстах отображается многоточие, но это не так из-за display: -webkit-box

https://jsfiddle.net/4wr2dgme/

CSS, который я использую:

.overflow-class {
  display: -webkit-box;
  max-width: 130px;
  min-width: 130px;
  overflow-x: hidden;
  overflow-y: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 130px; 
}

Есть ли способ обойти эту проблему и получить лучшее из обоих миров? Я использую -webkit-box, чтобы ограничить количество строк в тексте div.