JSF PrimeFaces MenuBar раскрывающееся подменю исчезает после наведения в p: layout - PullRequest
Новая
       24

JSF PrimeFaces MenuBar раскрывающееся подменю исчезает после наведения в p: layout

3 голосов
/ 04 марта 2012

Делая какое-то приложение в JSF PrimeFaces 3.1.1 (все еще учусь), я реализовал полный макет страницы - Санни (тег <p:layout />). Все хорошо, кроме строки меню.

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

Если я выложу макеты, меню снова будет работать хорошо. Также пытался скопировать и вставить код из витрины PF, проблема была та же.

Использование JSF 2 на Tomcat 7.0.22.0. Вот что-то из моего кода ...

Меню в шаблоне: 

<p:layoutUnit position="north" size="130">
    <ui:insert name="top">
        <p:menubar id="mainMenu" model="#{menu.mainMenu}" />
    </ui:insert>
</p:layoutUnit>

CSS, решающий проблемы переполнения: 

.ui-layout-north .ui-layout-unit-content {
    overflow: visible !important;
}

.ui-layout-north {
    z-index: 30 !important;
    overflow: visible !important;
}

Спасибо за помощь!

Ответы [ 4 ]

2 голосов
/ 02 мая 2012

Вы случайно не установили нестандартный размер шрифта для ui-widget?Лично у меня была следующая настройка CSS: 

.ui-widget {
    font-size: 12px !important;
}

, и я столкнулся с такой же проблемой, как ваша в Firefox (но не в Chrome).Как ни странно, после увеличения размера шрифта до 13px проблема была исправлена.

0 голосов
/ 12 февраля 2014

Пожалуйста, просмотрите следующую ссылку http://forum.primefaces.org/viewtopic.php?f=3&t=16597.

Это вопрос шрифта.

Это появляется также в Firefox 27 и Prime Faces 4.0 RC.

В других браузерах работает хорошо.

0 голосов
/ 02 июля 2013

Это не идеально, но это решило проблему для меня: 

.ui-menuitem-link
{
    max-width: 180px;
}
0 голосов
/ 24 марта 2013

Меню работает в IE или Chrome, но в Firefox не отображаются правильно, вы можете видеть, что в Проверьте это с Firefox и посмотрите, что произойдет:)

Я решаю эту проблему с

    .ui-menubar .ui-menuitem-text {
    font-size: 13px!important; top: -1px;
}
...