Я пытаюсь создать пользовательский интерфейс с фиксированной позицией, выровненной по левому краю панели управления (реализованной через flexbox с направлением столбца), где иногда доступно подменю для данного элемента в этом flexbox. Это подменю должно отображаться слева от родительского элемента. Теперь то, что у меня так далеко, выглядит многообещающе:
.fixed-menu {
position: fixed;
z-index: 9999999;
left: 0;
display: flex;
width: 40.5px;
flex-direction: column;
justify-content: start;
align-items: center;
}
.submenu {
height: 40.5px;
position: relative;
left: 41px;
display: flex;
flex-direction: row;
max-width: calc(100vw);
}
http://jsfiddle.net/hf5bts1a/15/
Однако подменю не работает должным образом, поскольку по какой-то необъяснимой причине два элемента НЕ отображаются в строке, а вместо этого снова в виде столбцов (см. Вышеупомянутую скрипку; самая нижняя «кнопка» имеет подменю с 4 дополнительными записями, см. красным).