Skip to content

[codex] Preserve mobile item order - #1002

Open
nexiumbiz-debug wants to merge 1 commit into
tiberiuzuld:masterfrom
nexiumbiz-debug:codex/preserve-mobile-item-order-924
Open

[codex] Preserve mobile item order#1002
nexiumbiz-debug wants to merge 1 commit into
tiberiuzuld:masterfrom
nexiumbiz-debug:codex/preserve-mobile-item-order-924

Conversation

@nexiumbiz-debug

Copy link
Copy Markdown
Contributor

Summary

  • stack mobile gridster items in a flex column so CSS ordering applies in mobile layout
  • assign each mobile item a stable order from its desktop grid row/column position
  • clear the order style when returning to the normal positioned grid layout
  • add renderer coverage for row/column-derived mobile ordering

Fixes #924.

Root cause

Mobile mode clears the absolute grid position and makes items relative, so the visible order falls back to dashboard array / DOM order. That can differ from the row/column order users see on desktop.

Validation

  • npm run test-lib -- --watch=false
  • npm run build-lib
  • npx eslint projects/angular-gridster2/src/lib/gridsterRenderer.ts projects/angular-gridster2/src/lib/tests/gridsterRenderer.spec.ts
  • git diff --check (only the repo's LF/CRLF warning)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Gridster2 Items Not Ordering in Mobile View as in Desktop View

1 participant