Проблема z-Index с jqGrid и Wijmo WijMenu

Question

Я пытаюсь использовать элемент управления Wijmo WijMenu на основе jQuery с jqGrid для создания панели инструментов динамической сетки.

Настройка отображения меню работает нормально.Тем не менее, мой menuitem1 имеет подменю, и это подменю отстает от jqGrid, когда я наведите курсор на «menuitem1».

Я попытался установить z-Index в меню и отдельных пунктах меню, но безудачи.Такое поведение происходит в IE9, Chrome, FF и Safari.Это работает, когда я включаю режим совместимости с IE9, что заставляет меня думать, что это может иметь какое-то отношение к z-index ... но я не уверен.Я чувствую, что упускаю что-то очевидное.

Я создал jsFiddle , чтобы продемонстрировать мою проблему.

Может кто-нибудь помочь мне заставить подменю упасть передjqGrid?

Заранее благодарю за любую помощь / совет.

Answer 1

Это не проблема z-index. .Ui-jqgrid .ui-userdata переполнен: скрыт на нем. Попробуйте сделать его переполненным: видимый.

Хотя я не уверен, что при этом возникнут проблемы с сеткой.

Answer 2

Измените свой CSS с

.ui-jqgrid .ui-userdata {
    border-left: 0px none;
    border-right: 0px none;
    height: 21px;
    overflow: hidden;
}

.ui-jqgrid .ui-userdata {
    border-left: 0px none;
    border-right: 0px none;
    height: 21px;
}

Удаление overflow:hidden Оно скрывало ваше меню.