Skip to content

Fix editor shortcuts in Nav Menus page.#21338

Merged
talldan merged 1 commit intomasterfrom
fix/nav-page-editor-shortcuts
Apr 2, 2020
Merged

Fix editor shortcuts in Nav Menus page.#21338
talldan merged 1 commit intomasterfrom
fix/nav-page-editor-shortcuts

Conversation

@talldan
Copy link
Contributor

@talldan talldan commented Apr 2, 2020

Description

Renders the BlockEditorKeyboardShortcuts component to ensure editor keyboard shortcuts work in the nav menus page.

How has this been tested?

  1. Navigate to the nav menu page
  2. Select a navigation link block
  3. Try using the duplicate or delete shortcuts (see the block more menu for the shortcuts)
  4. The shortcuts should work

Types of changes

Bug fix (non-breaking change which fixes an issue)

Checklist:

  • My code is tested.
  • My code follows the WordPress code style.
  • My code follows the accessibility standards.
  • My code has proper inline documentation.
  • I've included developer documentation if appropriate.
  • I've updated all React Native files affected by any refactorings/renamings in this PR.

@talldan talldan added [Type] Bug An existing feature does not function as intended [Block] Navigation Affects the Navigation Block labels Apr 2, 2020
@talldan talldan self-assigned this Apr 2, 2020
@github-actions
Copy link

github-actions bot commented Apr 2, 2020

Size Change: +4 B (0%)

Total Size: 884 kB

Filename Size Change
build/edit-navigation/index.js 2.48 kB +4 B (0%)
ℹ️ View Unchanged
Filename Size Change
build/a11y/index.js 1.02 kB 0 B
build/annotations/index.js 3.45 kB 0 B
build/api-fetch/index.js 3.8 kB 0 B
build/autop/index.js 2.59 kB 0 B
build/blob/index.js 620 B 0 B
build/block-directory/index.js 6.02 kB 0 B
build/block-directory/style-rtl.css 760 B 0 B
build/block-directory/style.css 760 B 0 B
build/block-editor/index.js 102 kB 0 B
build/block-editor/style-rtl.css 11.2 kB 0 B
build/block-editor/style.css 11.2 kB 0 B
build/block-library/editor-rtl.css 7.21 kB 0 B
build/block-library/editor.css 7.21 kB 0 B
build/block-library/index.js 110 kB 0 B
build/block-library/style-rtl.css 7.5 kB 0 B
build/block-library/style.css 7.51 kB 0 B
build/block-library/theme-rtl.css 669 B 0 B
build/block-library/theme.css 671 B 0 B
build/block-serialization-default-parser/index.js 1.65 kB 0 B
build/block-serialization-spec-parser/index.js 3.1 kB 0 B
build/blocks/index.js 57.5 kB 0 B
build/components/index.js 195 kB 0 B
build/components/style-rtl.css 16.1 kB 0 B
build/components/style.css 16 kB 0 B
build/compose/index.js 6.21 kB 0 B
build/core-data/index.js 10.7 kB 0 B
build/data-controls/index.js 1.03 kB 0 B
build/data/index.js 8.23 kB 0 B
build/date/index.js 5.37 kB 0 B
build/deprecated/index.js 772 B 0 B
build/dom-ready/index.js 569 B 0 B
build/dom/index.js 3.05 kB 0 B
build/edit-navigation/style-rtl.css 239 B 0 B
build/edit-navigation/style.css 241 B 0 B
build/edit-post/index.js 92.3 kB 0 B
build/edit-post/style-rtl.css 12 kB 0 B
build/edit-post/style.css 12 kB 0 B
build/edit-site/index.js 9.09 kB 0 B
build/edit-site/style-rtl.css 4.62 kB 0 B
build/edit-site/style.css 4.62 kB 0 B
build/edit-widgets/index.js 4.43 kB 0 B
build/edit-widgets/style-rtl.css 3.74 kB 0 B
build/edit-widgets/style.css 3.74 kB 0 B
build/editor/editor-styles-rtl.css 423 B 0 B
build/editor/editor-styles.css 426 B 0 B
build/editor/index.js 42.8 kB 0 B
build/editor/style-rtl.css 3.47 kB 0 B
build/editor/style.css 3.47 kB 0 B
build/element/index.js 4.44 kB 0 B
build/escape-html/index.js 733 B 0 B
build/format-library/index.js 6.95 kB 0 B
build/format-library/style-rtl.css 502 B 0 B
build/format-library/style.css 502 B 0 B
build/hooks/index.js 1.93 kB 0 B
build/html-entities/index.js 622 B 0 B
build/i18n/index.js 3.57 kB 0 B
build/is-shallow-equal/index.js 710 B 0 B
build/keyboard-shortcuts/index.js 2.3 kB 0 B
build/keycodes/index.js 1.7 kB 0 B
build/list-reusable-blocks/index.js 2.99 kB 0 B
build/list-reusable-blocks/style-rtl.css 226 B 0 B
build/list-reusable-blocks/style.css 226 B 0 B
build/media-utils/index.js 4.84 kB 0 B
build/notices/index.js 1.57 kB 0 B
build/nux/index.js 3.01 kB 0 B
build/nux/style-rtl.css 616 B 0 B
build/nux/style.css 613 B 0 B
build/plugins/index.js 2.54 kB 0 B
build/primitives/index.js 1.5 kB 0 B
build/priority-queue/index.js 780 B 0 B
build/redux-routine/index.js 2.84 kB 0 B
build/rich-text/index.js 14.5 kB 0 B
build/server-side-render/index.js 2.54 kB 0 B
build/shortcode/index.js 1.7 kB 0 B
build/token-list/index.js 1.28 kB 0 B
build/url/index.js 4.01 kB 0 B
build/viewport/index.js 1.6 kB 0 B
build/warning/index.js 1.14 kB 0 B
build/wordcount/index.js 1.17 kB 0 B

compressed-size-action

Copy link
Contributor

@tellthemachines tellthemachines left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Testing this on Chrome/Mac, I'm seeing a few shortcuts that don't work:

  • Save changes
  • Undo changes
  • Insert new block before selected
  • Insert new block after selected
  • When focused on the block in edit mode, Shift + Tab doesn't take me to the toolbar. It seems the only way to access the toolbar is with Option + F10.

Question: we wouldn't expect to be able to switch to code editor mode, would we?

@talldan
Copy link
Contributor Author

talldan commented Apr 2, 2020

@tellthemachines Yep, I think there are a few separate issues we'll have to fix, some separately:

  • This page has a separate save mechanism to the post editor, so we'll need a shortcut registered for that independently. Potentially I can get that working in this PR.
  • Undo/Redo will need more investigation, current it looks like this is implemented by the editor package, which this page doesn't use. I can make a separate issue for this, but it might be low priority for a prototype.
  • Insert new block before / after — these are also not being displayed in the more menu, so I think there's a separate bug. Not sure why just yet, but it's also happening in the post editor. I can make a separate issue for it.
  • I've made a separate PR for the toolbar issue: Try a fixed toolbar in the navigation page #21340

Question: we wouldn't expect to be able to switch to code editor mode, would we?

I don't think that'd be possible, since these menus don't save as HTML.

@noisysocks
Copy link
Member

This page has a separate save mechanism to the post editor, so we'll need a shortcut registered for that independently. Potentially I can get that working in this PR.

If it's easy, go for it. If not, let's follow up on it later 🙂

Undo/Redo will need more investigation, current it looks like this is implemented by the editor package, which this page doesn't use. I can make a separate issue for this, but it might be low priority for a prototype.

I don't think we need undo/redo for our initial build of this screen. Remember, right now our goal is to build out something quick that lets us validate whether or not a block-based Navigation screen is a good idea.

@talldan
Copy link
Contributor Author

talldan commented Apr 2, 2020

Thanks, working on the save shortcut in a separate PR.

@talldan talldan merged commit 5d7bd8b into master Apr 2, 2020
@talldan talldan deleted the fix/nav-page-editor-shortcuts branch April 2, 2020 04:04
@github-actions github-actions bot added this to the Gutenberg 7.9 milestone Apr 2, 2020
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 [Type] Bug An existing feature does not function as intended

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants