Как генерировать ширину взависимости от длины текста?

Question

[AlpineMilk]

Добрый день! Нашел выпадающее dropdown меню, переделал его под себя. Проблема в том что явно задаётся ширина для элементов, как можно установить ширину блока в зависимости от самого длинного пункта меню?
вот как это выглядит:

Comments

[Rustam Bainazarov]

Не задавать ему ширину изначально + white-space: nowrap;

Только так, если вы опираетесь на абсолютное позиционирование.

Answer 1

[AlpineMilk]

Решил этот вопрос добавив к ul свойство width: max-content;

Comments

[Rustam Bainazarov]

Это будет работать с багами или не работать в Firefox, Safari. Плюс, нужны префиксы.

В IE и старом EDGE вообще не будет работать.

https://caniuse.com/#feat=intrinsic-width

Ну и в Chrome, кстати, есть баг, когда перестает работать padding.