Skip to content

Conversation

@johannes-weber
Copy link
Member

@johannes-weber johannes-weber commented Jun 1, 2025

Description

Both options are used to allow more flexibility. Use cases:

  • hideButtonsOnDrag: When using the UAP handles on board-items they're activated once clicked the handle. While dragging is active, the buttons, if visible, should be hidden. This helps to distinguish in between the pointer and step interaction modes.
  • clickDragThreshold: A "click" happens when a "pointerdown" is followed by a "pointerup" with no "pointermove" between the two.
    However, it would be a poor usability experience if a "click" isn't registered because, while pressing my mouse, I moved it by just one pixel, making it a "drag" instead. So we allow the pointer to move by clickDragThreshold to count as click instead of a move.

Related links, issue #, if available: cloudscape-design/board-components#356 (comment)

How has this been tested?

  • added additional unit tests.
  • manually verified in supported browsers.
Review checklist

The following items are to be evaluated by the author(s) and the reviewer(s).

Correctness

  • Changes include appropriate documentation updates.
  • Changes are backward-compatible if not indicated, see CONTRIBUTING.md.
  • Changes do not include unsupported browser features, see CONTRIBUTING.md.
  • Changes were manually tested for accessibility, see accessibility guidelines.

Security

Testing

  • Changes are covered with new/existing unit tests?
  • Changes are covered with new/existing integration tests?

By submitting this pull request, I confirm that you can use, modify, copy, and redistribute this contribution, under the terms of your choice.

…nalDragHandle

Both options are used to allow more flexibility. Use cases:
- hideButtonsOnDrag: When using the UAP handles on board-items they're activated once clicked the handle. While dragging is active, ths buttons should be shown. This helps to distinctive in between the pointer and step interaction.
- clickDragThreshold: to make the threshold configurable
@codecov
Copy link

codecov bot commented Jun 1, 2025

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 96.54%. Comparing base (b619c48) to head (d10c381).
Report is 2 commits behind head on main.

Additional details and impacted files
@@            Coverage Diff             @@
##             main    #3545      +/-   ##
==========================================
- Coverage   96.55%   96.54%   -0.01%     
==========================================
  Files         804      804              
  Lines       23438    23439       +1     
  Branches     8174     8169       -5     
==========================================
  Hits        22630    22630              
- Misses        754      755       +1     
  Partials       54       54              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

@johannes-weber johannes-weber marked this pull request as ready for review June 2, 2025 06:27
@johannes-weber johannes-weber requested a review from a team as a code owner June 2, 2025 06:27
@johannes-weber johannes-weber requested review from avinashbot and gethinwebster and removed request for a team and gethinwebster June 2, 2025 06:27
@johannes-weber johannes-weber added this pull request to the merge queue Jun 2, 2025
Merged via the queue into main with commit f4b5334 Jun 2, 2025
39 checks passed
@johannes-weber johannes-weber deleted the jowejowe/extend-internal-drag-handle-api branch June 2, 2025 11:21
at-susie pushed a commit that referenced this pull request Oct 10, 2025
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.

2 participants