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

[RNMobile] Fix for the Classic Block "null" inside Unsupported Block editor (target v1.32) #24571

Conversation

etoledom
Copy link
Contributor

@etoledom etoledom commented Aug 14, 2020

Fixes #24563

iOS version of #24569

This PR includes a fix for the native mobile Unsupported Blocks Fallback editor, to better support the Classic block. The fix consists of one change: to use the content attribute of the block for accessing the block content, instead of the .original_content that is for the rest of the blocks.

Note: this PR is based on v1.32.0 of the native block editor with the goal of landing the fix on a 1.32.1 version to then land on WPiOS *v15.3. There's a accompanying GB PR based on v1.33.1 of gb-mobile to land on a v1.33.2 and then land on WPAndroid v15.4. Notice the difference in WP Apps and versions.

How has this been tested?

  1. Using the gb-mobile PR
  2. Run metro (npm run start:reset)
  3. Run the iOS demo app (npm run core ios)
  4. Switch to html mode and write some text in-between two blocks, making sure the text is not inside the block delimiters
  5. Switch back to visual mode
  6. There should be an unsupported block displayed between the blocks the text was inserted
  7. Use the "?" button of the unsupported block and then "Edit block in web browser" to launch the Unsupported Block editor
  8. Notice the text being displayed inside a "Classic" block without an error 🎉
  9. Make some changes to the text and hit the "✔️" icon in the upper right to commit the changes
  10. Switch to html mode again and notice that the text includes the changes made inside the Unsupported Block editor 🎉

Types of changes

When launching the Unsupported Block editor, provide the Classic block context available in the content attribute instead of the original_content attribute.

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.

@github-actions
Copy link

github-actions bot commented Aug 14, 2020

Size Change: 0 B

Total Size: 1.14 MB

ℹ️ View Unchanged
Filename Size Change
build/a11y/index.js 1.14 kB 0 B
build/annotations/index.js 3.67 kB 0 B
build/api-fetch/index.js 3.39 kB 0 B
build/autop/index.js 2.82 kB 0 B
build/blob/index.js 620 B 0 B
build/block-directory/index.js 7.67 kB 0 B
build/block-directory/style-rtl.css 944 B 0 B
build/block-directory/style.css 945 B 0 B
build/block-editor/index.js 115 kB 0 B
build/block-editor/style-rtl.css 10.8 kB 0 B
build/block-editor/style.css 10.8 kB 0 B
build/block-library/editor-rtl.css 7.54 kB 0 B
build/block-library/editor.css 7.54 kB 0 B
build/block-library/index.js 130 kB 0 B
build/block-library/style-rtl.css 7.75 kB 0 B
build/block-library/style.css 7.76 kB 0 B
build/block-library/theme-rtl.css 728 B 0 B
build/block-library/theme.css 729 B 0 B
build/block-serialization-default-parser/index.js 1.88 kB 0 B
build/block-serialization-spec-parser/index.js 3.1 kB 0 B
build/blocks/index.js 48.2 kB 0 B
build/components/index.js 198 kB 0 B
build/components/style-rtl.css 15.8 kB 0 B
build/components/style.css 15.8 kB 0 B
build/compose/index.js 9.56 kB 0 B
build/core-data/index.js 11.4 kB 0 B
build/data-controls/index.js 1.29 kB 0 B
build/data/index.js 8.46 kB 0 B
build/date/index.js 5.38 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.23 kB 0 B
build/edit-navigation/index.js 10.8 kB 0 B
build/edit-navigation/style-rtl.css 1.08 kB 0 B
build/edit-navigation/style.css 1.08 kB 0 B
build/edit-post/index.js 304 kB 0 B
build/edit-post/style-rtl.css 5.57 kB 0 B
build/edit-post/style.css 5.57 kB 0 B
build/edit-site/index.js 16.6 kB 0 B
build/edit-site/style-rtl.css 3.03 kB 0 B
build/edit-site/style.css 3.03 kB 0 B
build/edit-widgets/index.js 9.35 kB 0 B
build/edit-widgets/style-rtl.css 2.45 kB 0 B
build/edit-widgets/style.css 2.45 kB 0 B
build/editor/editor-styles-rtl.css 537 B 0 B
build/editor/editor-styles.css 539 B 0 B
build/editor/index.js 45 kB 0 B
build/editor/style-rtl.css 3.78 kB 0 B
build/editor/style.css 3.78 kB 0 B
build/element/index.js 4.65 kB 0 B
build/escape-html/index.js 733 B 0 B
build/format-library/index.js 7.71 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 2.13 kB 0 B
build/html-entities/index.js 622 B 0 B
build/i18n/index.js 3.56 kB 0 B
build/is-shallow-equal/index.js 709 B 0 B
build/keyboard-shortcuts/index.js 2.52 kB 0 B
build/keycodes/index.js 1.94 kB 0 B
build/list-reusable-blocks/index.js 3.12 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.32 kB 0 B
build/notices/index.js 1.79 kB 0 B
build/nux/index.js 3.4 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.56 kB 0 B
build/primitives/index.js 1.4 kB 0 B
build/priority-queue/index.js 789 B 0 B
build/redux-routine/index.js 2.85 kB 0 B
build/rich-text/index.js 13.9 kB 0 B
build/server-side-render/index.js 2.71 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.06 kB 0 B
build/viewport/index.js 1.85 kB 0 B
build/warning/index.js 1.13 kB 0 B
build/wordcount/index.js 1.17 kB 0 B

compressed-size-action

@etoledom etoledom changed the base branch from rnmobile/1.32.1 to rnmobile/release-1.32.1 August 14, 2020 13:06
@etoledom etoledom requested a review from hypest August 14, 2020 13:08
@etoledom etoledom self-assigned this Aug 14, 2020
@etoledom etoledom 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 Aug 14, 2020
@etoledom etoledom marked this pull request as ready for review August 14, 2020 13:15
@hypest
Copy link
Contributor

hypest commented Aug 14, 2020

Looks like the "End-to-End Tests / Admin - 4 (pull_request) Failing after 14m — Admin - 4 " keep failing. I restarted the jobs a couple of times already with no luck.

@ceyhun
Copy link
Member

ceyhun commented Aug 19, 2020

Will target WPiOS 15.4 with 1.33.2 and 15.5 with 1.34.1 instead.

@ceyhun ceyhun closed this Aug 19, 2020
@ceyhun ceyhun deleted the rnmobile/24563-use-content-attribute-for-classic-block-in-ube-1.32 branch August 19, 2020 08:45
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)
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants