angular-ui/ui-grid

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

Open

#4,397 opened on 2015年9月18日

GitHub で見る
 (0 comments) (0 reactions) (0 assignees)JavaScript (5,395 stars) (2,496 forks)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
Issue 種別
bug
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
3
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
1-3 hours
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
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.