Как вместить элементы меню, которые не влезают?

Question

[Игорь]

Как спрятать элемент которые не влезают?
Перенести элементы которые не вместились в панель в dropdown "Ещё"

На данный момент я организовал рекурсивное заполнение.

Я так понимаю можно обойтись одним CSS?
Поправьте меня если я не прав.

Или вычислять реальный размер заполняемой области и в зависимости от параметра заполнять только то количество которое вместится в компонент, а остальное разместить в тот же раздел "Ещё"

Спасибо

Bootstrap-vue

Answer 1

[archelon]

с помощью css можно только прятать лишние пункты меню.
дальше нужен js.
есть такая штука: https://github.com/352Media/flexMenu — прячет лишние пункты меню в выпадающий список.