angular-ui/ui-grid

transform:Y

Open

#6,240 opened on Jun 1, 2017

View on GitHub
 (5 comments) (0 reactions) (0 assignees)JavaScript (5,395 stars) (2,496 forks)batch import
css/lessgood first issue

Description

Halo,My English is pool,so i take some imgs

before scroll before

after scroll after

I guess some question make my z-index wrong, transform:translateY() make a new stacking context, so i want your help ,my bro

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.
mostly clear
Prerequisites
CSS stacking contextz indexAngularJS grid basics
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
35
Research direction
Investigate the CSS associated with the grid's container and cells to understand the stacking context created by transform:translateY. Look for any CSS rules that set z index or transform properties that might interfere. Review comments in the issue for potential solutions or similar fixes in the repo. The fix might involve adding a z index to the scroll container or using a different approach to achieve the scrolling effect without creating a new stacking context.
transform:Y · angular-ui/ui-grid#6240 | Good First Issue