Как сделать выпадающий список в две колонки на flexbox?

Question

[lemme]

Все вроде получается, но есть нюанс, выпадающий список занимает лишь половину ширины колонок
codepen.io/lemme/pen/LZVPYm

Как сделать, что б ширина выпадающего списка (.navigation__items_dropdown) была = ширине детей (с учетом колонок). В данным момент, занимает ширину лишь половины первой колонки.

UPD
https://wireframe.cc/8amMKC

Comments

[HamSter]

условие не совсем понятно, попробуйте уточнить, по ширине каких детей (колонок) или схематически нарисуйте, как должно быть

[lemme]

HamSter: обновил вопрос (добавил wireframe)

[HamSter]

lemme: воу, задумка какая

[lemme]

HamSter: с js проблемы то нету, можно легко найти ширину, но, скорее всего, можно и без js...

Answer 1

[DTX]

codepen.io/anon/pen/bedGLa

Без ручной установки ширины для контейнера ничего не получится. Это проблема есть только у flex-direction: column.
stackoverflow.com/questions/33891709/when-flexbox-...

Если задать ширину, то всё будет ок:
codepen.io/anon/pen/XKbbZZ

Среди адекватных решений предлагают только расчет ширины с jQuery

Comments

[lemme]

У меня тоже самое в pen'e. Это не решает моей проблемы с размером контейнера, а проблема именно в этом.

[DTX]

lemme: вроде не то же самое.
Вот из шапки:
i.imgur.com/g6kxyRE.png
Вот у меня:
i.imgur.com/eUtb7mr.png
Список по ширине равен двум двум колонкам

[lemme]

DTX: разница в том, что на мой список накладывает ограничение по ширине родитель,а мне нужно выйти из это ограничения, может, конечно, я что-то вкурить не могу, может поможете? Можете подредактировать мой вариант? Ибо, я в вашем коде вижу тоже самое что и в моем, только без родителя.

[DTX]

Разница в заданной ширине. Ответ поправил

[lemme]

DTX: спасибо, ширину буду расчитывать на js, больше спасибо!! Весь день бился над этой проблемой. Хоть и как, но лучше, чем было)

[DTX]

lemme: мб проще фон пенести со списка на его элементы?

[lemme]

DTX: в обычной ситуации было бы проще, но не в моей;)