angular-ui/ui-grid

Column heading menu sliding in & out causes a graphical glitch in FireFox on Windows.

Open

#4,397 创建于 2015年9月18日

在 GitHub 查看
 (0 评论) (0 反应) (0 负责人)JavaScript (5,395 star) (2,496 fork)batch import
Browser Firefoxhelp wanted

描述

As can be seen in this animated gif:

ezgif com-optimize

ui-grid column heading menu sliding in & out causes graphical glitches in FireFox on Windows.

Tested with the grid at: http://ui-grid.info/docs/#/tutorial/108_hidden_grids

Using FireFox 40.0.3 on Windows 8 SP1.

Not reproducible using Chrome or FireFox Developer's Edition, which both seem to clean up the menu image after sliding it out.

贡献者指南

技术栈
angularjavascript
领域
frontend
议题类型
bug
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
3
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
1-3 hours
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
stale
清晰度议题是否清楚说明期望改动、验收标准和下一步。
clear
前置要求
AngularJSCSSFirefox browser debug tools
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
40
研究方向
The issue is reproduced on the demo page http://ui grid.info/docs/#/tutorial/108 hidden grids. Investigate the column heading menu's sliding animation code, likely in the directive `uiGridHeaderMenu` or similar. Use Firefox Developer Tools to inspect the menu element after animation and identify any leftover CSS properties (e.g., `margin left`, `transform`) that cause the visual glitch. Check for cross browser differences in CSS transition behavior and ensure proper cleanup.