angular-ui/ui-grid

Expandable row content scroll issue using mousewheel

Open

#6,304 opened on Jul 9, 2017

View on GitHub
 (0 comments) (0 reactions) (0 assignees)JavaScript (2,496 forks)batch import
help wanted

Repository metrics

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

Description

I am using Expandable grid feature of Ui-grid, in expended row I do not have other grid where as I have my own component which is showing some text data or may be it's a form.

The expended row content is very long so I put a fixed height div and enable to scrolling of div. Now if I expand the row and use mousewheel to scroll the expended row content, it does not scroll the expended row content where as it scroll the main grid row, so I am not able to see all content of expanded row.

Here is plunker link http://plnkr.co/edit/dGJu6NlfCyfCMXIunA7S?p=preview

Contributor guide

Research direction
Investigate the scroll event propagation and find a way to prevent the main grid from scrolling when mousewheel is over the expanded row content.
Tech stack
javascript
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.
Mostly clear
Prerequisites
AngularUI Grid
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
50