下拉框在上空盘旋选项内容消失 [英] Dropdown Box disappears on hovering over option contents

问题描述

我已创建了每个显示了点击，使用AngularJs行的下拉框的表。我现在面临的问题是，每当我点击下拉框，并尝试悬停在该选项的内容来选择其中的一个，下拉框消失。无法弄清楚为什么发生这种情况，以及如何解决它。我使用Mozilla Firefox浏览器和Ubuntu 13.10

P.S-我已经在Windows上的Chrome测试这一点，它似乎工作正常，但要求是使其在Mozilla Firefox正常工作。

这是plunker 我的code

感谢。

解决方案

  NG-鼠标离开=showSelect =假
 

原因在FF，关闭/隐藏选择，当你的鼠标是TD之外。
当你的鼠标悬停在TD之外的选项也会发生这种情况。

I have created a table with a Dropdown box in each row which shows on click, using AngularJs. The problem I am facing is, whenever I click on the Dropdown box and try to hover on the option contents to select one of them, the dropdown box disappears. Unable to figure out why this is happening and how to fix it. I am using Mozilla Firefox browser and Ubuntu 13.10

P.S- I have tested this on Windows Chrome and it seems to work fine but the requirement is to make it work on Mozilla Firefox as well.

This is my code on plunker

Thanks.

解决方案

ng-mouseleave="showSelect=false"

Causes in FF to close/hide the select when your mouse is outside the td. This also happens when your mouse is hovering over the options outside the td.

这篇关于下拉框在上空盘旋选项内容消失的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！