Выпадающее меню за пределами shadowbox

Я создаю теневой блок на своем веб-сайте, который появится и позволит пользователям выбирать из нескольких вариантов, в том числе некоторых в подменю. Содержимое в тени будет довольно обширным, поэтому оно должно иметь возможность прокручивать по вертикали и не прокручивать по горизонтали.

Проблема заключается в том, что подменю должны выходить справа от списка и переполняться за пределы теневого окна. Это сработало, пока я не реализовал overflow-y: scroll; в CSS. Теперь, даже если я использую overflow-x: visible;, он все равно действует так, как если бы прокручивалась ось X.

Кто-нибудь сталкивался с этой проблемой раньше или имел какие-либо советы о том, как подойти к ней?

попробуйте возиться с jsfiddle здесь

1 ответ

См. http://www.w3.org/TR/css3-box/#collapse-scroll:

Вычисленные значения "overflow-x" и "overflow-y" совпадают с их заданные значения, за исключением того, что некоторые комбинации с "видимыми не возможны: если один из них указан как" видимый, а другой 'Scroll или' auto, тогда 'visible установлен на' auto.

Я не могу придумать ничего, чтобы решить эту проблему, используя только CSS, но это должно быть возможно с помощью JavaScript, если выпадающие окна находятся за пределами блока с помощью overflow: auto

licensed under cc by-sa 3.0 with attribution.