jquery / jquery/jqueryui.com

confusing grid example in sortable interaction

Open
#196 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
HTML
Stars
138
Forks
113
PR merge metrics
No merged PRs in 30d

Description

The "Display as grid" example for the Sortable interaction does not allow you to actually sort the grid tiles.

This seems unnecessarily confusing for users as all the other examples do allow sorting.

Suggestion: change "float: left" in the example CSS to "display: inline-block" to get the grid but preserve sorting behavior as described in this stackoverflow.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Open the linked Sortable “Display as grid” example and inspect the example CSS, especially the tile layout rule. Verify the layout still appears as a grid while the tiles can be reordered, then confirm the example behaves consistently with the other sortable examples.

Written by the indexing model from the issue text.

Assessment

Tech stack
jquery
Domain
documentation
Issue type
Bug
Difficulty
1/5
Estimated time
Under an hour
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.