Я создал адаптивное выпадающее / развернутое мегаменю в Foundation 6.5.3.
Он прекрасно работает во всех браузерах, кроме Microsoft Edge и IE11.Я ожидал проблем в IE, но из-за проблем с краями я был зациклен.
В Edge элементы меню располагаются вертикально, даже если предполагается, что это горизонтальное меню.Как показано на этой ручке:
https://codepen.io/denpub/pen/KLRQGO
прямо сейчас элементы div, которые обертывают меню, и элемент, который оборачивает большое меню, содержат стили grid-x и ячейки:
<div class="grid-x cell ..."></div>
кажется, что это вызывает проблему стекирования, и если я разделяю их следующим образом:
<div class="grid-x ..."><div class="cell"></div></div>
, это устраняет проблему стека в Edge, но приводит к тому, что меню теряет хороший изгиб во всех браузерах, как показано наэто перо:
https://codepen.io/denpub/pen/KLRojm
В IE11 все пункты меню располагаются друг над другом.Если у кого-нибудь есть предложение, чтобы решить эту проблему, оно будет с благодарностью.