angular-ui/ui-grid

Horizontal scrollbar appears in Firefox when display:flex; No autoresize related.

Open

#6,040 opened on Feb 24, 2017

View on GitHub
 (1 comment) (0 reactions) (0 assignees)JavaScript (2,496 forks)batch import
Browser Firefoxgood first issue

Repository metrics

Stars
 (5,395 stars)
PR merge metrics
 (No merged PRs in 30d)

Description

Hey,

When I put the grid in a Flex box in Firefox and there is a vertical scrollbar on the page, the grid shows a horizontal scrollbar that if moved, misalign the header cells with the row cells.

The most recent version also presents another bug when using a container with % instead of pixels.

http://codepen.io/anon/pen/peoBKZ

Contributor guide

Research direction
Investigate the horizontal scrollbar issue in Firefox when the grid is placed in a flex container. Check for CSS overflow properties, flexbox behavior differences, and potential misalignment between header and row cells. Test with a simple flex layout to isolate the bug.
Tech stack
javascriptcss
Domain
frontend
Issue type
Bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
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.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
CSS FlexboxBrowser DevTools
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70