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

Mobile - Fix Buttons block text input #25624

Merged
merged 6 commits into from
Sep 28, 2020
Merged

Conversation

geriux
Copy link
Member

@geriux geriux commented Sep 24, 2020

Gutenberg Mobile PR -> wordpress-mobile/gutenberg-mobile#2665

Fixes #25623

Description

This PR fixes and regression introduced by this PR where some props were missing in the RichText component for the Buttons block causing it impossible to type any text in it.

How has this been tested?

  • Open the app with metro running
  • Add a Buttons block
  • Expect to be able to type in texts inside the buttons

Screenshots

Before After

Types of changes

Bug fix

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.

@geriux geriux added the Mobile App - i.e. Android or iOS Native mobile impl of the block editor. (Note: used in scripts, ping mobile folks to change) label Sep 24, 2020
@github-actions
Copy link

github-actions bot commented Sep 24, 2020

Size Change: +361 B (0%)

Total Size: 1.17 MB

Filename Size Change
build/block-editor/index.js 128 kB +65 B (0%)
build/block-library/editor-rtl.css 8.58 kB -17 B (0%)
build/block-library/editor.css 8.58 kB -17 B (0%)
build/block-library/index.js 135 kB -576 B (0%)
build/blocks/index.js 47.5 kB -1 B
build/components/index.js 167 kB -3 B (0%)
build/components/style-rtl.css 15.5 kB +7 B (0%)
build/components/style.css 15.5 kB +8 B (0%)
build/data/index.js 8.43 kB +1 B
build/edit-navigation/index.js 10.7 kB +287 B (2%)
build/edit-site/index.js 20.5 kB +177 B (0%)
build/edit-site/style-rtl.css 3.54 kB +33 B (0%)
build/edit-site/style.css 3.54 kB +33 B (0%)
build/edit-widgets/index.js 17.9 kB +316 B (1%)
build/edit-widgets/style-rtl.css 2.82 kB +24 B (0%)
build/edit-widgets/style.css 2.82 kB +24 B (0%)
build/editor/index.js 45.4 kB +1 B
build/rich-text/index.js 13.7 kB -1 B
ℹ️ View Unchanged
Filename Size Change
build/a11y/index.js 1.14 kB 0 B
build/annotations/index.js 3.52 kB 0 B
build/api-fetch/index.js 3.35 kB 0 B
build/autop/index.js 2.72 kB 0 B
build/blob/index.js 620 B 0 B
build/block-directory/index.js 8.53 kB 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.1 kB 0 B
build/block-editor/style.css 11.1 kB 0 B
build/block-library/style-rtl.css 7.61 kB 0 B
build/block-library/style.css 7.6 kB 0 B
build/block-library/theme-rtl.css 741 B 0 B
build/block-library/theme.css 741 B 0 B
build/block-serialization-default-parser/index.js 1.78 kB 0 B
build/block-serialization-spec-parser/index.js 3.1 kB 0 B
build/compose/index.js 9.42 kB 0 B
build/core-data/index.js 12 kB 0 B
build/data-controls/index.js 1.27 kB 0 B
build/date/index.js 31.9 kB 0 B
build/deprecated/index.js 772 B 0 B
build/dom-ready/index.js 568 B 0 B
build/dom/index.js 4.42 kB 0 B
build/edit-navigation/style-rtl.css 868 B 0 B
build/edit-navigation/style.css 871 B 0 B
build/edit-post/index.js 306 kB 0 B
build/edit-post/style-rtl.css 6.25 kB 0 B
build/edit-post/style.css 6.24 kB 0 B
build/editor/editor-styles-rtl.css 492 B 0 B
build/editor/editor-styles.css 493 B 0 B
build/editor/style-rtl.css 3.83 kB 0 B
build/editor/style.css 3.82 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 7.49 kB 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 1.74 kB 0 B
build/html-entities/index.js 621 B 0 B
build/i18n/index.js 3.55 kB 0 B
build/is-shallow-equal/index.js 709 B 0 B
build/keyboard-shortcuts/index.js 2.39 kB 0 B
build/keycodes/index.js 1.85 kB 0 B
build/list-reusable-blocks/index.js 3.02 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/media-utils/index.js 5.12 kB 0 B
build/notices/index.js 1.69 kB 0 B
build/nux/index.js 3.27 kB 0 B
build/nux/style-rtl.css 671 B 0 B
build/nux/style.css 668 B 0 B
build/plugins/index.js 2.44 kB 0 B
build/primitives/index.js 1.34 kB 0 B
build/priority-queue/index.js 789 B 0 B
build/redux-routine/index.js 2.85 kB 0 B
build/server-side-render/index.js 2.61 kB 0 B
build/shortcode/index.js 1.7 kB 0 B
build/token-list/index.js 1.24 kB 0 B
build/url/index.js 4.06 kB 0 B
build/viewport/index.js 1.74 kB 0 B
build/warning/index.js 1.13 kB 0 B
build/wordcount/index.js 1.17 kB 0 B

compressed-size-action

@guarani
Copy link
Contributor

guarani commented Sep 24, 2020

Thanks for the fix, @geriux! It's working well, although I noticed a difference between Gutenberg on the the current App Store 15.7 version and this.

On WPiOS 15.7, when you add two Buttons, one after the other — the first button which loses focus shows a placeholder of "Add text..." when the second button is added. On this branch I don't see the placeholder. Do you think this could be related to the same breakage?

This branch WPiOS 15.7

@geriux
Copy link
Member Author

geriux commented Sep 24, 2020

Thanks for the fix, @geriux! It's working well, although I noticed a difference between Gutenberg on the the current App Store 15.7 version and this.

On WPiOS 15.7, when you add two Buttons, one after the other — the first button which loses focus shows a placeholder of "Add text..." when the second button is added. On this branch I don't see the placeholder. Do you think this could be related to the same breakage?

Nice catch @guarani! I've missed some props 😅 I've just updated the PR. Thanks!

Copy link
Contributor

@guarani guarani left a comment

Choose a reason for hiding this comment

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

Thanks @geriux! Tested on iOS and it's working great.

@geriux
Copy link
Member Author

geriux commented Sep 24, 2020

Thanks @geriux! Tested on iOS and it's working great.

Thanks for testing! Unfortunately with the latest changes it breaks the web editor, looks like passing the id prop breaks it. @lukewalczak Since you worked on the Buttons block, do you have any idea why this could be happening?

@lukewalczak
Copy link
Member

Some time ago I had a similar issue, where style prop has to be destructured separately. I was testing it in multiple different ways, comparing them by reference and at the end values and objects were always the same. Unfortunately, I have no clue what is wrong :(

@ceyhun
Copy link
Member

ceyhun commented Sep 28, 2020

Merging before this week's 1.38 release cut per @geriux's request.

@ceyhun ceyhun merged commit 2d5e6f9 into master Sep 28, 2020
@ceyhun ceyhun deleted the rnmobile/fix/buttons-text branch September 28, 2020 09:21
@github-actions github-actions bot added this to the Gutenberg 9.1 milestone Sep 28, 2020
@ceyhun ceyhun restored the rnmobile/fix/buttons-text branch September 28, 2020 14:46
@Tug Tug added the [Type] Bug An existing feature does not function as intended label Oct 27, 2020
@aristath aristath deleted the rnmobile/fix/buttons-text branch November 10, 2020 14:15
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Mobile App - i.e. Android or iOS Native mobile impl of the block editor. (Note: used in scripts, ping mobile folks to change) [Type] Bug An existing feature does not function as intended
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Button block not accepting text entry on iOS
6 participants