如何修复<select>下拉水平摇动（仅限Firefox）？

Question

有没有人发现只有在Firefox中快速水平摇动的下拉菜单？其他已经看过但未找到修复的人的评论也将受到赞赏。 HTML代码:(即使在列表填充后仍然可以使用） ＆＃13; ＆＃13; ＆lt; select class =＆＃34; ng-pristine ng-valid＆＃34; ID =＆＃34; batchStatus＆＃34;命名=＆＃34; batchStatus＆＃34; style =＆＃34; font-size：14px;＆＃34; NG-模型=＆＃34; lineStatus＆＃34; ng-options =＆＃34; value.listCode as value.listDesc for batchStatus＆＃34;＆gt;＆＃13;   ＆lt; option class =＆＃34;＆＃34; value =＆＃34;＆＃34;＆gt;选择状态...＆lt; / option＆gt;＆＃13; ＆LT; /选择＆GT;＆＃13; ＆＃13; ＆＃13; 选择标记的计算CSS代码:(发布的css样式太多） ＆＃13; ＆＃13; border-bottom-left-radius：0px;＆＃13; border-bottom-right-radius：0px;＆＃13; border-top-left-radius：0px;＆＃13; border-top-right-radius：0px;＆＃13; box-sizing：border-box;＆＃13; 颜色：＃444;＆＃13; cursor：default;＆＃13; font-family：＆＃34; Helvetica Neue＆＃34;，HelveticaNeue，Helvetica，Arial，＆＃34; Nimbus Sans L＆＃34;，sans-serif;＆＃13; font-feature-settings：normal;＆＃13; font-kerning：auto;＆＃13; font-language-override：normal;＆＃13; font-size：14px;＆＃13; font-size-adjust：none;＆＃13; font-stretch：normal;＆＃13; font-style：normal;＆＃13; font-synthesis：weight style;＆＃13; font-variant：normal;＆＃13; font-variant-alternates：normal;＆＃13; font-variant-caps：normal;＆＃13; font-variant-east-asian：normal;＆＃13; font-variant-ligatures：normal;＆＃13; font-variant-numeric：normal;＆＃13; font-variant-position：normal;＆＃13; font-weight：500;＆＃13; 身高：23px;＆＃13; line-height：17.9px​​;＆＃13; list-style-image：none;＆＃13; list-style-type：none;＆＃13; margin-bottom：0px;＆＃13; margin-left：0px;＆＃13; margin-right：0px;＆＃13; margin-top：0px;＆＃13; text-indent：0px;＆＃13; text-shadow：none;＆＃13; text-transform：none;＆＃13; 宽度：180px;＆＃13; ＆＃13; ＆lt;！ - begin snippet：js hide：false - ＆gt;＆＃13; ＆＃13; ＆＃13; 选项标签的计算CSS代码： ＆＃13; ＆＃13; box-sizing：border-box;＆＃13; 颜色：＃000;＆＃13; cursor：default;＆＃13; font-family：＆＃34; Helvetica Neue＆＃34;，HelveticaNeue，Helvetica，Arial，＆＃34; Nimbus Sans L＆＃34;，sans-serif;＆＃13; font-feature-settings：normal;＆＃13; font-kerning：auto;＆＃13; font-language-override：normal;＆＃13; font-size：14px;＆＃13; font-size-adjust：none;＆＃13; font-stretch：normal;＆＃13; font-style：normal;＆＃13; font-synthesis：weight style;＆＃13; font-variant：normal;＆＃13; font-variant-alternates：normal;＆＃13; font-variant-caps：normal;＆＃13; font-variant-east-asian：normal;＆＃13; font-variant-ligatures：normal;＆＃13; font-variant-numeric：normal;＆＃13; font-variant-position：normal;＆＃13; font-weight：500;＆＃13; line-height：17.9px​​;＆＃13; list-style-image：none;＆＃13; list-style-type：none;＆＃13; text-indent：0px;＆＃13; text-shadow：none;＆＃13; text-transform：none;＆＃13; ＆＃13; ＆＃13; 注意：我试过寻找答案。 firefox插件问题是我能找到的最接近的问题。但我尝试禁用所有插件，因为它没有运气。 我标记了AngularJS，但怀疑这是问题，特别是因为即使什么都没有加载，问题仍然存在。

Answer 1

我的同事和我用黑客解决了这个问题，即使页面内容不会低于首屏，也会迫使垂直滚动条显示。

html {overflow-y: scroll;}

https://css-tricks.com/snippets/css/force-vertical-scrollbar/

我猜是用ng-if代替ng-show可能是另一种解决方案。

问题详情

问题是使用angularJS的 ng-show ，ui-grid的属性 ui-grid-selection 和短页面的组合结束高于首屏。

最奇怪的是，如果没有ui-grid的ui-grid-selection属性，它可以正常工作。必须是CSS问题（可能是定位），即使ui-grid选择不可见，它也会增加高度（ng-show，display：none;）。

注意：使用AngularJS 1.2.28和ui-grid 3.0.0-RC20。