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

[RN Mobile] Ube cannot view or interact with the classic block on jetpack sites #26168

Conversation

marecar3
Copy link
Contributor

@marecar3 marecar3 commented Oct 15, 2020

Even if we have fixed this issue UBE issue: cannot view or interact with the classic block on Jetpack sites
we still had a problem on some devices, like Galaxy Tab S3 @cameronvoell.

This PR proposes a new fix that should work for every scenario on every Android device.

Gutenberg mobile PR: wordpress-mobile/gutenberg-mobile#2730

How has this been tested?

  1. On the web, create a post with a classic block on a Jetpack site (note: I used Jetpack 9.0.1 WordPress 5.5.1 in this test).
  2. Save or publish the post.
  3. In the app, open the post from the previous step in the block editor.
  4. Tap on the classic block.
  5. Tap on the classic block again.
  6. Select the option to "Edit using the web editor."
  7. Observe that you are able to load or interact with the classic block.

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.

@marecar3 marecar3 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 Oct 15, 2020
@github-actions
Copy link

github-actions bot commented Oct 15, 2020

Size Change: 0 B

Total Size: 1.17 MB

ℹ️ 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/index.js 129 kB 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/editor-rtl.css 8.57 kB 0 B
build/block-library/editor.css 8.58 kB 0 B
build/block-library/index.js 135 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/blocks/index.js 47.5 kB 0 B
build/components/index.js 168 kB 0 B
build/components/style-rtl.css 15.4 kB 0 B
build/components/style.css 15.3 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/data/index.js 8.43 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/index.js 10.7 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/edit-site/index.js 20.5 kB 0 B
build/edit-site/style-rtl.css 3.54 kB 0 B
build/edit-site/style.css 3.54 kB 0 B
build/edit-widgets/index.js 17.7 kB 0 B
build/edit-widgets/style-rtl.css 2.73 kB 0 B
build/edit-widgets/style.css 2.73 kB 0 B
build/editor/editor-styles-rtl.css 492 B 0 B
build/editor/editor-styles.css 493 B 0 B
build/editor/index.js 45.4 kB 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/rich-text/index.js 13.7 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

@marecar3 marecar3 changed the title Make sure that page is loaded before we try to insert block content [RN Mobile] Ube cannot view or interact with the classic block on jetpack sites Oct 15, 2020
Copy link
Member

@cameronvoell cameronvoell left a comment

Choose a reason for hiding this comment

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

Changes look good, before this change classic block on Samsung Galaxy Tab S3 was broken 9/10 tries. After this change it worked all 10/10 tries

@marecar3
Copy link
Contributor Author

Changes look good, before this change classic block on Samsung Galaxy Tab S3 was broken 9/10 tries. After this change it worked all 10/10 tries

Thanks Cameron.
It also works great on my devices:

  • Pixel 3, Android 11
  • Nexus 5x, Android 8

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.

@marecar3
Copy link
Contributor Author

We are going to merge this one even we have failed tests as that isn't something which was introduced by this PR.

@marecar3 marecar3 merged commit 63f1354 into rnmobile/release_1.38.1 Oct 15, 2020
@marecar3 marecar3 deleted the rnmobile/UBE_cannot_view_or_interact_with_the_classic_block_on_jetpack_sites_new branch October 15, 2020 21:21
ceyhun pushed a commit that referenced this pull request Oct 16, 2020
ceyhun added a commit that referenced this pull request Oct 16, 2020
* Release script: Update react-native-editor version to 1.39.0

* Release script: Update with changes from 'npm run core preios'

* Update changelog

* Update CHANGELOG.md

* Allow to display columns with different unit, set their width in percentages (#26095)

* [RN Mobile] UBE - Inject css on both page visible and page started (#26071)

* [RN Mobile] Ube cannot view or interact with the classic block on jetpack sites (#26168)

* [RNMobile] Correct where appender condition is placed (#26203)

Co-authored-by: Luke Walczak <lukasz.walczak.pwr@gmail.com>
Co-authored-by: Marko Savic <savicmarko1985@gmail.com>
ceyhun added a commit that referenced this pull request Oct 23, 2020
* Release script: Update react-native-editor version to 1.39.0

* Release script: Update with changes from 'npm run core preios'

* Update changelog

* Update CHANGELOG.md

* Allow to display columns with different unit, set their width in percentages (#26095)

* [RN Mobile] UBE - Inject css on both page visible and page started (#26071)

* [RN Mobile] Ube cannot view or interact with the classic block on jetpack sites (#26168)

* [RNMobile] Correct where appender condition is placed (#26203)

* Release script: Update react-native-editor version to 1.39.1

* Release script: Update with changes from 'npm run core preios'

* Mobile - Heading block - Disable full-width/wide alignment (#26308)

* Update CHANGELOG.md

Co-authored-by: Luke Walczak <lukasz.walczak.pwr@gmail.com>
Co-authored-by: Marko Savic <savicmarko1985@gmail.com>
Co-authored-by: Gerardo Pacheco <gerardo.pacheco@automattic.com>
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