Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Moving nested blocks out of their block container is not possible with keyboard only #21960

Closed
tellthemachines opened this issue Apr 28, 2020 · 1 comment
Assignees
Labels
[Block] Navigation Affects the Navigation Block [Feature] Drag and Drop Drag and drop functionality when working with blocks [Feature] List View Menu item in the top toolbar to select blocks from a list of links. [Focus] Accessibility (a11y) Changes that impact accessibility and need corresponding review (e.g. markup changes).

Comments

@tellthemachines
Copy link
Contributor

Describe the bug

When a block has nested blocks, such as columns, or sub-navigation menus, a nested block can't be moved out of its block container, whether up one level, or into a different container, with the keyboard only.

With the Navigation block there is the added complication of toolbars being fixed to the top of the block, so it isn't even possible to drag blocks between levels of nesting.

This is a blocker for the experimental use of the Navigation block in /nav-menus.php, because the current menus page provides the ability to drag and drop blocks and move them with the keyboard in any direction.

One possible avenue for exploration is having drag/drop/move functionality in the block navigator: #18014, #21372.

Related issues: #20955, #21391, #20078.

To reproduce
Steps to reproduce the behavior:

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Editor version (please complete the following information):

  • WordPress version: [e.g: 5.3.2]
  • Does the website has Gutenberg plugin installed, or is it using the block editor that comes by default? [e.g: "gutenberg plugin", "default"]
  • If the Gutenberg plugin is installed, which version is it? [e.g., 7.6]

Desktop (please complete the following information):

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

Smartphone (please complete the following information):

  • Device: [e.g. iPhone6]
  • OS: [e.g. iOS8.1]
  • Browser [e.g. stock browser, safari]
  • Version [e.g. 22]

Additional context

@tellthemachines tellthemachines added [Feature] Drag and Drop Drag and drop functionality when working with blocks [Feature] List View Menu item in the top toolbar to select blocks from a list of links. [Block] Navigation Affects the Navigation Block [a11y] Keyboard & Focus labels Apr 28, 2020
@tellthemachines
Copy link
Contributor Author

Fixed by #22453.

@priethor priethor added the [Focus] Accessibility (a11y) Changes that impact accessibility and need corresponding review (e.g. markup changes). label Jul 24, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Block] Navigation Affects the Navigation Block [Feature] Drag and Drop Drag and drop functionality when working with blocks [Feature] List View Menu item in the top toolbar to select blocks from a list of links. [Focus] Accessibility (a11y) Changes that impact accessibility and need corresponding review (e.g. markup changes).
Projects
None yet
Development

No branches or pull requests

3 participants