Skip to content

Disable reordering of work item children when breakpoint is `xs`

Chad Lavimoniere requested to merge 415590-prevent-issues-reordering-in-epics-when-on-mobile into master

What does this MR do and why?

Disables reordering of work item children when breakpoint is xs so that users do not accidentally reorder while scrolling on mobile (see related issue #415590 (closed))

Screenshots or screen recordings

Size Before After
xs (<576px) Screen_Recording_2024-10-03_at_13.34.12 Screen_Recording_2024-10-03_at_13.33.54
sm or larger (>=576px)
(note: no change)		 Screen_Recording_2024-10-03_at_13.35.34 Screen_Recording_2024-10-03_at_13.33.33

How to set up and validate locally

  1. Check out this branch
  2. In the GDK, visit any page where there is a work item children tree (e.g., an issue with child tasks, or an epic with children)
  3. Use dev tools to set your viewport width to be within the xs breakpoint (that is, <= 578px wide)
  4. You should see that you cannot reorder children in the child items widget
  5. Make your viewport wider than the xs breakpoint
  6. You should see that you can reorder child items again

Related to #415590 (closed)

Merge request reports