Knockout-Contrib / Knockout-Contrib/KoGrid

Drag and Drop in jQueryUI mode disables after changing a column width

Open
#188 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
277
Forks
124
PR merge metrics
No merged PRs in 30d

Description

Hi,
I just found an issue with Drag and Drop columns when jqueryUIDraggable is set to 'true'.

If you change width of a column and then drag it to a new position, dragging will disable and attempts to drag a column again will end up in just selecting the caption.

You can reproduce that at your examples page http://ericmbarnard.github.com/KoGrid/#/examples
1. Go to "Grouping Example - jQueryUI"
2. Change the name column width
3. Drag and drop the Name column to the right
4. Try to drag any column again - dragging is disabled

So it appears that there is no solution for IE browser:
1. Native HTML dragging doesn't work in IE (see https://github.com/Knockout-Contrib/KoGrid/issues/187)
2. jqueryUI dragging has this bug

Contributor guide

No contributing guide indexed for this repository

Research direction

Start with the Grouping Example - jQueryUI on the KoGrid examples page and reproduce the sequence: resize the Name column, reorder it, then try dragging again. Inspect the jQueryUI drag-and-drop behavior around column resizing and compare the IE limitation noted in issue 187. Done means columns remain draggable after resizing and reordering.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, jquery
Domain
frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
28/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.