angular-ui/ui-grid

Column Menu pop-up mis-aligned for rightmost columns in Firefox

Open

#4,826 opened on Dec 9, 2015

View on GitHub
 (1 comment) (0 reactions) (0 assignees)JavaScript (5,395 stars) (2,496 forks)batch import
Browser Firefoxhelp wantedtype: bug

Description

Column menus mis-align in firefox after the first N columns. E.g. where the cells start being hidden/paged out by angular, the alignment is off (in Firefox and not in Chrome, or Safari or even IE).

http://plnkr.co/edit/N3yKPMUBVpTgL9DVXh3f?p=preview

Go to the "1st Friend" or "2nd Friend" column and you will see that the pop-up menu when it appears is misaligned-- appearing on the column before... Any other column to the right is also off...

System details: Running on Mac 10.10, with Firefox 42.0...

Contributor guide

Tech stack
angularjavascriptcss
Domain
frontend
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
AngularCSSFirefox debugging
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
35
Research direction
Investigate the column menu positioning issue in Firefox using the provided Plunkr link: http://plnkr.co/edit/N3yKPMUBVpTgL9DVXh3f?p=preview. Focus on the CSS for the pop up menu, particularly how it handles columns that are paged out by Angular's digest cycle. Check the rendering of columns beyond the first few and how the menu offset is calculated. Examine the ui grid source code for the column menu directive and any CSS that might cause misalignment in Firefox but not in other browsers.