Title: [Feature]: Promote `dnd` to Stable — validate keyboard-accessible DnD across a cycle · Issue #143 · bQuery/bQuery · GitHub
Open Graph Title: [Feature]: Promote `dnd` to Stable — validate keyboard-accessible DnD across a cycle · Issue #143 · bQuery/bQuery
X Title: [Feature]: Promote `dnd` to Stable — validate keyboard-accessible DnD across a cycle · Issue #143 · bQuery/bQuery
Description: Pre-flight checklist I searched existing issues and did not find a duplicate request. I explained the problem or use case, not just the desired API. Problem or use case dnd is Beta and its most important capabilities are brand-new: keybo...
Open Graph Description: Pre-flight checklist I searched existing issues and did not find a duplicate request. I explained the problem or use case, not just the desired API. Problem or use case dnd is Beta and its most imp...
X Description: Pre-flight checklist I searched existing issues and did not find a duplicate request. I explained the problem or use case, not just the desired API. Problem or use case dnd is Beta and its most imp...
Opengraph URL: https://github.com/bQuery/bQuery/issues/143
X: @github
Domain: github.com
{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"[Feature]: Promote `dnd` to Stable — validate keyboard-accessible DnD across a cycle","articleBody":"**Pre-flight checklist**\n- [x] I searched existing issues and did not find a duplicate request.\n- [x] I explained the problem or use case, not just the desired API.\n\n**Problem or use case**\n`dnd` is **Beta** and its most important capabilities are brand-new: keyboard accessibility, `grid` mode, `delay`, `'viewport'` bounds, and the reactive `useDraggable`/`useDroppable`/`useSortable` composables all arrived in 1.14.0. First-party, keyboard-accessible drag-and-drop is a differentiator (React/Vue/Svelte typically reach for libraries like dnd-kit), but a feature set introduced one minor ago has not yet proven itself across a release cycle, and accessible DnD specifically needs rigorous validation.\n\n**Proposed solution**\nFreeze the `dnd` API for one cycle and add thorough coverage — especially for the keyboard interaction model (pick up, move, drop, cancel via keyboard) and screen-reader announcements during drag, plus pointer behavior across the `grid`/`viewport`/`delay` options. Publish an accessibility statement for the DnD interactions. Exit criteria: frozen surface, tested keyboard + pointer paths, documented a11y behavior.\n\n**Possible API or UX shape**\n```ts\nimport { useSortable } from \"@bquery/bquery/dnd\";\n\nconst { items } = useSortable(listEl, {\n bounds: \"viewport\",\n keyboard: true, // documented + tested pick/move/drop/cancel\n delay: 150\n});\n```\n\n**Alternatives considered**\nPromoting now — premature for a 1.14-introduced accessible-DnD surface. Dropping keyboard support to simplify stabilization — rejected; accessible DnD is precisely the differentiator and should be hardened, not removed.\n\n**Relevant area**\n`dnd`\n\n**Additional context**\nCoordinate the a11y announcement path with the `a11y` live-region API (#142) so DnD announcements use the same mechanism.\n","author":{"url":"https://github.com/JosunLP","@type":"Person","name":"JosunLP"},"datePublished":"2026-06-26T21:25:41.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":0},"url":"https://github.com/143/bQuery/issues/143"}
| route-pattern | /_view_fragments/issues/show/:user_id/:repository/:id/issue_layout(.:format) |
| route-controller | voltron_issues_fragments |
| route-action | issue_layout |
| fetch-nonce | v2:8c4c733a-17ce-e24b-5763-fc42a81592f7 |
| current-catalog-service-hash | 81bb79d38c15960b92d99bca9288a9108c7a47b18f2423d0f6438c5b7bcd2114 |
| request-id | E5F0:14F965:150D58D:1CF2FA8:6A4DEFC9 |
| html-safe-nonce | a942151f9202b1f01f3fba43f6de46547009e384c05430f936f9910337223557 |
| visitor-payload | eyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJFNUYwOjE0Rjk2NToxNTBENThEOjFDRjJGQTg6NkE0REVGQzkiLCJ2aXNpdG9yX2lkIjoiMTgxMTE2MDgxOTcxNjQ1MjI5NyIsInJlZ2lvbl9lZGdlIjoiaWFkIiwicmVnaW9uX3JlbmRlciI6ImlhZCJ9 |
| visitor-hmac | ff59385b4bdba249263705c2e7c19502d1a9f6c503e87be8a945c948088e938b |
| hovercard-subject-tag | issue:4755239357 |
| github-keyboard-shortcuts | repository,issues,copilot |
| google-site-verification | Apib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I |
| octolytics-url | https://collector.github.com/github/collect |
| analytics-location | / |
| fb:app_id | 1401488693436528 |
| apple-itunes-app | app-id=1477376905, app-argument=https://github.com/_view_fragments/issues/show/bQuery/bQuery/143/issue_layout |
| twitter:image | https://opengraph.githubassets.com/f3e8aac76069b0dbc214376717569036bf62a71d139532a67087d63439b0b9bf/bQuery/bQuery/issues/143 |
| twitter:card | summary_large_image |
| og:image | https://opengraph.githubassets.com/f3e8aac76069b0dbc214376717569036bf62a71d139532a67087d63439b0b9bf/bQuery/bQuery/issues/143 |
| og:image:alt | Pre-flight checklist I searched existing issues and did not find a duplicate request. I explained the problem or use case, not just the desired API. Problem or use case dnd is Beta and its most imp... |
| og:image:width | 1200 |
| og:image:height | 600 |
| og:site_name | GitHub |
| og:type | object |
| og:author:username | JosunLP |
| hostname | github.com |
| expected-hostname | github.com |
| None | 5818716c93c6a2925b815402541a32814e43a7b1261c322b0c2df75224289566 |
| turbo-cache-control | no-preview |
| go-import | github.com/bQuery/bQuery git https://github.com/bQuery/bQuery.git |
| octolytics-dimension-user_id | 256381806 |
| octolytics-dimension-user_login | bQuery |
| octolytics-dimension-repository_id | 1139284244 |
| octolytics-dimension-repository_nwo | bQuery/bQuery |
| octolytics-dimension-repository_public | true |
| octolytics-dimension-repository_is_fork | false |
| octolytics-dimension-repository_network_root_id | 1139284244 |
| octolytics-dimension-repository_network_root_nwo | bQuery/bQuery |
| turbo-body-classes | logged-out env-production page-responsive |
| disable-turbo | false |
| browser-stats-url | https://api.github.com/_private/browser/stats |
| browser-errors-url | https://api.github.com/_private/browser/errors |
| release | f4bb89367ca678f057d79b1abc45d6675b1bd5b2 |
| ui-target | full |
| theme-color | #1e2327 |
| color-scheme | light dark |
Links:
Viewport: width=device-width