Skip to content

[57] add a sortable interaction to allow items to be ordered in place #81

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Open
wants to merge 46 commits into
base: main
Choose a base branch
from
Open

[57] add a sortable interaction to allow items to be ordered in place #81

wants to merge 46 commits into from
+7,349 −3,078

Conversation

@denisebroekman
Copy link
Contributor

@denisebroekman denisebroekman commented Nov 18, 2025 •
edited
Loading

Rewrite drag and drop functionality to add:

  • Support for touch-based devices
  • Support for keyboard-based navigation (accessibility)
  • Support for sortable interactions (order in place)
  • FLIP animations

Additionally:

  • Improved interaction modularity by extracting correctness logic

Closes #57

herrKlein and others added 30 commits November 11, 2025 12:37
@herrKlein
feat: added order in place
ce3d8a3
@herrKlein
Merge branch 'main' into 57-dnd-kit-order-in-place
47f44ae
feat: add tests for order in place interaction
6213580
feat: adjust toggle correct response for order in place
5870a71
chore: fix failing test
d39642c
feat: add keyboard dragging styles
df87660
feat: add consistent styling to order in place
7bc6d5a
feat: drop in replacement for dragdropinteractionmixin using observables
5554e86
feat: use official polyfill, revert order interaction changes
04f483d
fix: prevent additional droppables from being created for clones
9bfed7c
feat: use observable drag/drop everywhere, deal with the fallout
280fbb3
feat: refactor interaction review logic
7d2d4c5
feat: rename, reshuffle
081bb8b
@herrKlein
chore: use system styles
1384e0c
@herrKlein
feat: enhance drag functionality for order interaction
befa63d
@herrKlein
feat: add choice width property and update styles for order interacti…
411e176 
…on component
@herrKlein
feat: add interactivity methods and styles for order interaction comp…
4ee4b2f 
…onent
@herrKlein
feat: enhance drag interaction for order in place component
37bf5c2
@herrKlein
Merge remote-tracking branch 'origin/refactor-review-logic' into 57-d…
85bac2e 
…nd-kit-order-in-place
@herrKlein
fix: correct module paths for mixins in custom-elements.json
05cb123
@herrKlein
Merge branch '80-observable-drag-and-drop' into 57-dnd-kit-order-in-p…
144f800 
…lace
@herrKlein
feat: add QtiOrderInteractionInPlace component and update dependencies
7a6a559
feat: refactor drag and drop mixin
723462f
@herrKlein
feat: enhance QtiOrderInteractionInPlace with response handling and r…
a69d4b1 
…eview controller integration
@herrKlein
Merge branch '57-dnd-kit-order-in-place' of https://github.com/Citola…
4885885 
…b/qti-components into 57-dnd-kit-order-in-place
feat: basic sortable implementation
56db815
feat: clean up sorting strategy
9269e38
chore: custom elements
73ad0f0
feat: add FLIP animations to drag and drop
8a3a891
feat: tweak flippable animations, implement on slotted drag and drop …
92cf25e 
…as well
@denisebroekman denisebroekman marked this pull request as ready for review November 26, 2025 13:21
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

Create a new interaction for ordering a list of options in place

3 participants

@denisebroekman @herrKlein