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

Make the inserter in the site editor behave as a popover #27502

Merged
merged 2 commits into from
Dec 7, 2020

Conversation

youknowriad
Copy link
Contributor

This matches the behavior of the inserter in the post editor and fixes some a11y issues for the inserter (constrained tabbing, closes when the focus is outside...)

@youknowriad youknowriad added [Focus] Accessibility (a11y) Changes that impact accessibility and need corresponding review (e.g. markup changes). [Feature] Full Site Editing [Type] Experimental Experimental feature or API. labels Dec 4, 2020
@youknowriad youknowriad self-assigned this Dec 4, 2020
@@ -0,0 +1,57 @@
/**
Copy link
Contributor Author

Choose a reason for hiding this comment

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

This file is duplicated between edit-post and edit-site. Separately, I'd like to factorize that and transform it to a React hook in @wordpress/compose if possible.

Copy link
Contributor

Choose a reason for hiding this comment

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

That sounds a good idea 👍

Copy link
Contributor

Choose a reason for hiding this comment

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

Actually it's used in edit-widgets as well, so it's triplicate.

@jasmussen jasmussen requested review from mtias and apeatling December 4, 2020 09:51
@jasmussen
Copy link
Contributor

I haven't had a chance to follow too deeply with the discussions here, so I only vaguely recall a conversation about this behavior on another ticket, which of course I can't find. I CC'ed a couple of people in case they have context for whether this was intentional or not.

@github-actions
Copy link

github-actions bot commented Dec 4, 2020

Size Change: +335 B (0%)

Total Size: 1.19 MB

Filename Size Change
build/annotations/index.js 3.8 kB -1 B
build/block-directory/index.js 8.72 kB -1 B
build/block-editor/index.js 128 kB +4 B (0%)
build/block-library/index.js 149 kB +8 B (0%)
build/blocks/index.js 48.1 kB +4 B (0%)
build/components/index.js 172 kB +7 B (0%)
build/data/index.js 8.98 kB +1 B
build/dom/index.js 4.95 kB +1 B
build/edit-navigation/index.js 11.1 kB +3 B (0%)
build/edit-site/index.js 24.7 kB +246 B (0%)
build/edit-site/style-rtl.css 3.93 kB +25 B (0%)
build/edit-site/style.css 3.93 kB +23 B (0%)
build/edit-widgets/index.js 26.3 kB +1 B
build/editor/index.js 43.6 kB +3 B (0%)
build/element/index.js 4.63 kB +3 B (0%)
build/format-library/index.js 6.74 kB -1 B
build/keyboard-shortcuts/index.js 2.54 kB +1 B
build/keycodes/index.js 1.94 kB +1 B
build/media-utils/index.js 5.32 kB +3 B (0%)
build/notices/index.js 1.82 kB +1 B
build/nux/index.js 3.42 kB +1 B
build/rich-text/index.js 13.4 kB +1 B
build/token-list/index.js 1.27 kB -1 B
build/viewport/index.js 1.86 kB +2 B (0%)
ℹ️ View Unchanged
Filename Size Change
build/a11y/index.js 1.14 kB 0 B
build/api-fetch/index.js 3.42 kB 0 B
build/autop/index.js 2.84 kB 0 B
build/blob/index.js 665 B 0 B
build/block-directory/style-rtl.css 943 B 0 B
build/block-directory/style.css 942 B 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 9.07 kB 0 B
build/block-library/editor.css 9.07 kB 0 B
build/block-library/style-rtl.css 8.34 kB 0 B
build/block-library/style.css 8.34 kB 0 B
build/block-library/theme-rtl.css 789 B 0 B
build/block-library/theme.css 790 B 0 B
build/block-serialization-default-parser/index.js 1.88 kB 0 B
build/block-serialization-spec-parser/index.js 3.06 kB 0 B
build/components/style-rtl.css 15.3 kB 0 B
build/components/style.css 15.3 kB 0 B
build/compose/index.js 9.95 kB 0 B
build/core-data/index.js 15.3 kB 0 B
build/data-controls/index.js 827 B 0 B
build/date/index.js 11.2 kB 0 B
build/deprecated/index.js 768 B 0 B
build/dom-ready/index.js 571 B 0 B
build/edit-navigation/style-rtl.css 881 B 0 B
build/edit-navigation/style.css 885 B 0 B
build/edit-post/index.js 306 kB 0 B
build/edit-post/style-rtl.css 6.49 kB 0 B
build/edit-post/style.css 6.47 kB 0 B
build/edit-widgets/style-rtl.css 3.13 kB 0 B
build/edit-widgets/style.css 3.13 kB 0 B
build/editor/editor-styles-rtl.css 476 B 0 B
build/editor/editor-styles.css 478 B 0 B
build/editor/style-rtl.css 3.85 kB 0 B
build/editor/style.css 3.84 kB 0 B
build/escape-html/index.js 735 B 0 B
build/format-library/style-rtl.css 547 B 0 B
build/format-library/style.css 548 B 0 B
build/hooks/index.js 2.27 kB 0 B
build/html-entities/index.js 623 B 0 B
build/i18n/index.js 3.57 kB 0 B
build/is-shallow-equal/index.js 698 B 0 B
build/list-reusable-blocks/index.js 3.1 kB 0 B
build/list-reusable-blocks/style-rtl.css 476 B 0 B
build/list-reusable-blocks/style.css 476 B 0 B
build/nux/style-rtl.css 671 B 0 B
build/nux/style.css 668 B 0 B
build/plugins/index.js 2.56 kB 0 B
build/primitives/index.js 1.43 kB 0 B
build/priority-queue/index.js 789 B 0 B
build/redux-routine/index.js 2.84 kB 0 B
build/reusable-blocks/index.js 2.92 kB 0 B
build/server-side-render/index.js 2.77 kB 0 B
build/shortcode/index.js 1.69 kB 0 B
build/url/index.js 2.84 kB 0 B
build/warning/index.js 1.14 kB 0 B
build/wordcount/index.js 1.22 kB 0 B

compressed-size-action

Copy link
Contributor

@ntsekouras ntsekouras left a comment

Choose a reason for hiding this comment

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

Tested and works well! Depending on the priority of this to land you can try to make the hook to be reused or in a follow up. 👍

@youknowriad youknowriad force-pushed the fix/inserter-popover-edit-site branch 2 times, most recently from ccd4848 to bba31d3 Compare December 7, 2020 10:24
@youknowriad youknowriad force-pushed the fix/inserter-popover-edit-site branch from bba31d3 to 745f3ac Compare December 7, 2020 10:29
@youknowriad youknowriad merged commit 5c6f4d7 into master Dec 7, 2020
@youknowriad youknowriad deleted the fix/inserter-popover-edit-site branch December 7, 2020 10:52
@github-actions github-actions bot added this to the Gutenberg 9.6 milestone Dec 7, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Focus] Accessibility (a11y) Changes that impact accessibility and need corresponding review (e.g. markup changes). [Type] Experimental Experimental feature or API.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants