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

Prevent typing on a Popover from closing the block toolbar #21421

Merged
merged 1 commit into from
Apr 7, 2020

Conversation

youknowriad
Copy link
Contributor

@youknowriad youknowriad commented Apr 6, 2020

closes #14890
closes #21402

the isTyping flag should only be triggered when we type on the canvas. This can be achieved constantly by checking the DOM event (and not the React event bubbling)

Testing instructions

  • The added e2e tests fails on master but not this branch.

@youknowriad youknowriad added [Type] Bug An existing feature does not function as intended [Feature] Writing Flow Block selection, navigation, splitting, merging, deletion... labels Apr 6, 2020
@youknowriad youknowriad self-assigned this Apr 6, 2020
@youknowriad youknowriad added the Backport to WP 6.7 Beta/RC Pull request that needs to be backported to the WordPress major release that's currently in beta label Apr 6, 2020
@github-actions
Copy link

github-actions bot commented Apr 6, 2020

Size Change: -9 B (0%)

Total Size: 889 kB

Filename Size Change
build/block-editor/index.js 102 kB -9 B (0%)
ℹ️ View Unchanged
Filename Size Change
build/a11y/index.js 1.02 kB 0 B
build/annotations/index.js 3.4 kB 0 B
build/api-fetch/index.js 3.79 kB 0 B
build/autop/index.js 2.58 kB 0 B
build/blob/index.js 620 B 0 B
build/block-directory/index.js 6.03 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/style-rtl.css 10.2 kB 0 B
build/block-editor/style.css 10.2 kB 0 B
build/block-library/editor-rtl.css 7.22 kB 0 B
build/block-library/editor.css 7.22 kB 0 B
build/block-library/index.js 110 kB 0 B
build/block-library/style-rtl.css 7.53 kB 0 B
build/block-library/style.css 7.54 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.6 kB 0 B
build/components/style.css 16.5 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.04 kB 0 B
build/data/index.js 8.23 kB 0 B
build/date/index.js 5.36 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/index.js 2.71 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.9 kB 0 B
build/edit-post/style-rtl.css 12.3 kB 0 B
build/edit-post/style.css 12.3 kB 0 B
build/edit-site/index.js 10.1 kB 0 B
build/edit-site/style-rtl.css 5.02 kB 0 B
build/edit-site/style.css 5.02 kB 0 B
build/edit-widgets/index.js 7.18 kB 0 B
build/edit-widgets/style-rtl.css 3.74 kB 0 B
build/edit-widgets/style.css 3.73 kB 0 B
build/editor/editor-styles-rtl.css 400 B 0 B
build/editor/editor-styles.css 402 B 0 B
build/editor/index.js 42.8 kB 0 B
build/editor/style-rtl.css 3.49 kB 0 B
build/editor/style.css 3.49 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 789 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.69 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.61 kB 0 B
build/warning/index.js 1.14 kB 0 B
build/wordcount/index.js 1.17 kB 0 B

compressed-size-action

@arnaudbroes
Copy link

arnaudbroes commented Apr 6, 2020

@youknowriad I wrote some code to add a TextControl to the URLPopoverAtLink component and have been experiencing the same issue. When I type anything into the TextControl, the toolbar closes immediately. I've installed this PR to see if that fixes the issue but it doesn't. Is this relevant here or should I create a new issue?

Screencast at April 6th 2020 - 3 09 43 pm

@youknowriad
Copy link
Contributor Author

@arnaudbroes How did you "install" the PR? Can you send me a zip with your plugin to try?

@arnaudbroes
Copy link

@arnaudbroes How did you "install" the PR? Can you send me a zip with your plugin to try?

With "installing" I mean downloading this PR, installing the .zip as a plugin and then running npm install and npm run build to get all dependencies and compile the files.

Here's the script in a plugin -
title-for-gutenberg.zip

@chrisvanpatten
Copy link
Member

I believe this will also fix #14890.

@youknowriad
Copy link
Contributor Author

youknowriad commented Apr 6, 2020

@arnaudbroes Indeed, your bug is different one and I believe is related to RichText stealing focus. This was fixed in Gutenberg since we're using a new Link control though. I'm not sure what part of that link control triggers the focus move to RichText though.

@apeatling
Copy link
Contributor

Tested and confirmed this fixes #21402 👍

@youknowriad youknowriad merged commit 049dc52 into master Apr 7, 2020
@youknowriad youknowriad deleted the fix/observe-typing branch April 7, 2020 07:44
@github-actions github-actions bot added this to the Gutenberg 7.9 milestone Apr 7, 2020
@whyisjake whyisjake mentioned this pull request Apr 22, 2020
@jorgefilipecosta jorgefilipecosta removed the Backport to WP 6.7 Beta/RC Pull request that needs to be backported to the WordPress major release that's currently in beta label May 29, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Feature] Writing Flow Block selection, navigation, splitting, merging, deletion... [Type] Bug An existing feature does not function as intended
Projects
None yet
5 participants