Сделать контекстное меню появляется на верхней

Question

ОК, так что, вот моя установка:

• У меня есть настройки Jquery UI Layout (один на запад, один на юг, и центральную панель)
• В западной панели , есть jqTree (с jqTreeContextMenu плагиным, показывая простое выпадающее меню на правой кнопке мыши)

вопрос:

Когда пользователь щелкает правой кнопкой мыши по любому из элементов дерева, появляется контекстное меню , хотя оно выглядит как «обрезанное», в то время как оно должно отображаться ТОЛЬКО во всем, что бы ни было.

Я немного поиграл с z-index, но, как обычно, так как на самом деле это не моя ... вещь - я не могу заставить ее работать.

Итак, любые идеи?

---

Живая демонстрация:http://testbox.drkameleon.com/peppermint/uilayout.html

JS Fiddle:.http://jsfiddle.net/2ke92qcg/

(расположение здесь, по какой-то причине, выглядит довольно странно, но это не имеет значения и закрытия повторное открытие западной панели устраняет проблему)

Answer 1

ОК ...

Итак, после долгих проб и ошибок, здесь:

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

И это все! :-)

Answer 2

как упоминалось ранее

Z-индекс работает только в конкретном контексте т.е. относительной, фиксированной или абсолютное положение.

z-index для относительного div не имеет ничего общего с z-индексом абсолютно или фиксированного div.

Here is your FIDDLE

ul#filetreeMenu { 
    z-index: 999 !important; 
    position: fixed; 
} 

div#wrapper { 
    position: initial !important; 
}