angular-ui/ui-grid

ui-grid header sort hit/miss on Windows 8.x touch devices

Open

#5,319 opened on Apr 13, 2016

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

Description

Steps to reproduce

  1. On Windows 8.1 tablet go to using ui-grid.info/ on Edge (Internet Explorer) or even Internet Explorer 11.
  2. Scroll below to the Basic Example.
  3. Click on any of the headers to sort (not the column menu)

Observed behavior

After a few touch (or even the first header touch) sorting is not working. Its a hit or miss.

Expected behavior

On touching the header each time it should work.

Additional Info

If a user tries to drag a column it works.

Contributor guide

Tech stack
javascriptangularhtmlcss
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.
half day
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
AngularJS knowledgetouch event handlingCSS for UI Grid
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
30
Research direction
Investigate the header click event handling in the UI Grid source code (likely in the grid header directive). The issue occurs only on touch devices running Windows 8.x with IE/Edge. Check for touch event listeners and possible conflicts with mouse events. Look at related issues or PRs for similar touch fixes. Test on a physical device or using touch emulation.