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

Question

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

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

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

try messing with a jsfiddle here

Answer 1

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

Вычисленные значения «перелива-х» и «переполнение-у» такие же, как их заданных значений, за исключением того, что некоторые комбинации с «видимыми» невозможны: если один из них указан как «видимый», а другой - «прокрутка» или «авто», тогда для «видимого» установлено значение «авто».

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