Menu podręczne CSS do przepełnienia/nakładania w panelach układu JQuery

Question

Używam layoutu JQuery i definiuję tylko panele północne, zachodnie i środkowe. Po lewej stronie (okienko zachodnie) buduję menu podręczne CSS. Z dużą ilością menu podręcznych CSS w Internecie, nie mam problemu z jego uruchomieniem. Problem, który napotykam, polega na tym, że wyskakujące menu nie nakłada się na środkowe okienko. Możesz zobaczyć to zachowanie w my JSfiddle example. Próbowałem ustawić overflow: visible; z-index: 10001;, ale to nie rozwiązało niczego. Co mogę spróbować dalej?

Answer 1

Spróbuj dodać ten styl

.ui-layout-west{ 
    z-index: 50; 
    overflow: visible; 
} 

Aktualizacja

.ui-layout-west{ 
    z-index: 50 !important; 
    overflow: visible !important; 
} 

Answer 2

Najprostszym rozwiązaniem przyszedł po konsultacji docs z wyższym stopniem uwagi (czyli wyższy niż wcześniej ...). Interfejs API udostępnia metodę ustawiania przekroczenia określonego okna. W takim przypadku "zachodni" panel musiał przepełnić zawartość. Poniższy kod wystarczyły:

mylayout.allowOverflow("west"); 

Edycja: Nie zamierzam zaznaczyć moją odpowiedź jako zaakceptowany. Odpowiedź Kison'a dostarczyła działające rozwiązanie w tym czasie i powinna zostać zaksięgowana.