2014-03-19 4 views
0

Я создал таблицу с раскрывающимся списком в каждой строке, которая отображается при нажатии, используя AngularJs. Проблема, с которой я столкнулся, заключается в том, что всякий раз, когда я нажимаю на раскрывающийся список и пытаюсь навести курсор на содержимое опции, чтобы выбрать один из них, раскрывающийся список исчезает. Невозможно разобраться, почему это происходит и как это исправить. Я пользуюсь браузером Mozilla Firefox и Ubuntu 13.10Dropdown Box исчезает при зависании над содержимым опций

P.S- Я тестировал это в Windows Chrome и, похоже, работает нормально, но требование - заставить его работать и с Mozilla Firefox.

This is my code on plunker

Спасибо.

+0

hmm, он отлично работает в хромированном состоянии. –

ответ

0

Почему бы вам не устранить событие onmouseleave на вашем TD?

Он работает без:

http://plnkr.co/edit/TS4QOwNyxtzpDRoREMcA?p=preview

+0

Требование состоит в том, чтобы скрыть выпадающее меню на мысе и показать ярлык. – Unferth

1

Это происходит потому, что код

ng-mouseleave="showSelect=false" 

Удалите его вообще или играть вокруг него

1
ng-mouseleave="showSelect=false" 

Причины в FF, чтобы закрыть/скрыть выберите, когда ваша мышь находится вне td. Это также происходит, когда ваша мышь зависает над параметрами вне td.

Смежные вопросы