选择控制停止显示其下拉列表与IE,AngularJS和一些奇怪的具体条件

选择控制停止显示其下拉列表与IE,AngularJS和一些奇怪的具体条件,angularjs,internet-explorer-11,Angularjs,Internet Explorer 11,我有一个奇怪的问题,在IE11中,一个控件在更改两次值后,使用AngularJS停止显示其下拉列表 Chrome 42和FF 37不存在该问题 普朗克: 小提琴: 步骤: 单击“选择”以打开其下拉列表。 从列出的两个选项中选择一个。它将关闭,页面中的几个其他字段将更新其值。 单击以再次打开。 选择另一个选项。它关闭,字段再次更新。 单击以再次打开下拉列表。将不再打开 一旦进入此状态,鼠标单击和Alt downarrow都不会显示下拉列表 此外,同一页面上的其他选择也停止显示其下拉列表,并且该页面

我有一个奇怪的问题,在IE11中,一个控件在更改两次值后,使用AngularJS停止显示其下拉列表

Chrome 42和FF 37不存在该问题

普朗克:

小提琴:

步骤:

单击“选择”以打开其下拉列表。 从列出的两个选项中选择一个。它将关闭,页面中的几个其他字段将更新其值。 单击以再次打开。 选择另一个选项。它关闭,字段再次更新。 单击以再次打开下拉列表。将不再打开 一旦进入此状态,鼠标单击和Alt downarrow都不会显示下拉列表

此外,同一页面上的其他选择也停止显示其下拉列表,并且该页面似乎存在常规控件/窗口问题-例如,您无法选择HTML文本,其他控件也不会显示焦点或插入符号。IE似乎丢失了关于哪个是活动窗口的绘图,它似乎被卡在了选择窗口内。按Tab键几次可使其脱离卡滞状态

现在,IE控件/窗口错误并不罕见。但这很奇怪,因为有一套特定的复制需求。我已经把这个例子缩减到了复制所需的最低限度,但是你可能会认为页面中有大量的内容是不相关的——恐怕不是

页面需要以下内容才能显示问题:

列出他的嵌套表必须在那里,并且必须嵌套-如果它不在另一个表中,那么问题就消失了。我让它列出Hello来消除它,列出范围数据来消除它。 包含{{selecteditem.number}}的表行必须在那里,并且必须在嵌套表之后移动它才能删除问题。我把它移到另一张桌子上,问题仍然存在。 这两个项目的selecteditem.number数据必须不同。如果两个项目的数值相同,则不会显示问题。 两个项目中每个项目的子项目数必须相同,这意味着嵌套表的行数必须相同。如果将另一个子项添加到其中一个项,则问题已修复。如果您将一个子项添加到这两个项目中,使它们都有两个,那么问题将返回。 你认为我疯了吗?我以为我是。但是等等还有更多。。。 嵌套表必须具有CSS属性border collapse:collapse。如果没有此属性,或者此属性的值不同,则不会发生此问题。注意:如演示所示,表可以从父表、表CSS规则或类继承此属性,但问题仍然存在。使用IE的F12开发控制台实时删除它,问题得到解决。 嵌套表的TDs(即hellos)必须有CSS边框。他们可以继承它,或者根据演示从类中获取它。 基本上,我必须告诉客户,他们可以有一个折叠的带边框的表来显示字段表中的子项。字段表中的子项通常比演示中的子项多得多,或者有一个下拉列表,但不能两者都有。或者不要使用IE,这不是一个选项,或者更改表单的顺序,这对用户来说毫无意义

我尝试不使用ng选项,而是使用ng重复一个选项,但我得到了相同的结果,我被限制为2个链接,所以这里是plnkr ID:95XcM9j2eY70jUK10UrH

我可以完全转储select