Евгений, всё, что увеличится, будет уже за пределами body, а положение блоков fixed будет отсчитываться исходя из заданных размеров. Ну, и опять же, попробовать вариант из последнего моего комента
Кстати, заметил, хром глючит последнее время - иногда начинаются какие-то проблемы со временем - вроде и не подвисает, но какие-то задержки дикие если что-то по таймеру происходит.. Устраняется только перезагрузкой браузера.. Видно, баг в последней версии..
Ну, я расчитываю, что браузер применит сначала правила из 1-й записи, без transition, а потом уже когда применит transition, всё уже отрисуется с нужными размерами. Хотя, может я и ошибаюсь..
kinton, ну, можно как-то элемент "пометить", например, класс ему добавить, а потом в глобальном обработчике скрывать только непомеченные элементы не и убирать отметку
Но это всё же костыль.. Скорее всего, на кнопке сабмита, которая и так инициализирует отправку формы, стоит ещё и вызов события сабмит при клике. В результате, событие и отправка запроса возникают 2 раза
Возможно, там какие-то ещё скрипты, которые нажатие перехватывают.. Я вот сделал простенькое вложенное меню - с одним hover'ом работает.. https://jsfiddle.net/rwjj0owp/
Может, тогда ещё попробовать и :active указать:
.bg-menu-parent-item:hover .BG_submenu, .bg-menu-parent-item:active .BG_submenu {opacity:1; visibility: visible}
Если не поможет - для .bg-menu-parent-item задать cursor: pointer (в айфонах особенно помогает), так же вроде помогает задание пустого onclick:
<li class="bg-menu-parent-item" onclick="">..</li>
Alexander Litvinenko, в ие10 и и новее эти фильтры работают только в режиме совместимости или эмуляции старых версий, в которых не работают многие современные штуки, например, 3D-трансформации. Не говоря уже о том, что банально может вёрстка поплыть