Gutenberg: update to v1.27.0

[mkevins]

Related PRs

gutenberg-mobile: wordpress-mobile/gutenberg-mobile#2186
WordPress-Android: wordpress-mobile/WordPress-Android#11756

To test:

Bug fix

• Issue/1966 Disable whitespace collapse in Aztec Issue/1966 Disable whitespace collapse in Aztec gutenberg-mobile#2127
• Revert "Add prop to force fullscreen preview for videos. ([JP Plugin] Track error reason when installation fails #20436)" Update GB reference. gutenberg-mobile#2173
• Block list - Autoscroll to text components within InnerBlocks Block list - Autoscroll to text components within InnerBlocks gutenberg-mobile#2171
• Issue/1851 insert captions Issue/1851 insert captions gutenberg-mobile#2156
• [FIX] Cover block background when there's a video is totally black [FIX] Cover block background when there's a video is totally black gutenberg-mobile#2146
• Correct colors usage in Button Correct colors usage in Button gutenberg-mobile#2155
• Correct slider step value Correct slider step value gutenberg-mobile#2119
• Refactor: Fixed position of FloatingToolbar on the bottom of the screen Refactor: Fixed position of FloatingToolbar on the bottom of the screen gutenberg-mobile#2118

New feature & Improvement

• Update Aztec-Android for alignment handling Update Aztec-Android for alignment handling gutenberg-mobile#2006 [Android only]
• Video block - don't force full screen on iOS Video block - don't force full screen on iOS  gutenberg-mobile#1952 This was reverted
• Adjust RangeControl to add the stepper control and allow type selection Adjust RangeControl to add the stepper control and allow type selection gutenberg-mobile#2125
• Cover block - enable upload options in production Cover block - enable upload options in production gutenberg-mobile#2174
• Cover block uploads failure UI Cover block uploads failure UI gutenberg-mobile#2150
• Add Buttons block Add Buttons block gutenberg-mobile#1933

Note: including this to ensure we don't see the block in production yet:

• Contact Info jetpack native blocks behind DEV flag Contact Info jetpack native blocks behind DEV flag gutenberg-mobile#1934

PR submission checklist:

• I have considered adding unit tests where possible.
• I have considered adding accessibility improvements for my changes.
• I have considered if this change warrants user-facing release notes and have added them to RELEASE-NOTES.txt if necessary.

[peril-wordpress-mobile]

You can trigger an installable build for these changes by visiting CircleCI here.

[peril-wordpress-mobile]

You can trigger optional UI/connected tests for these changes by visiting CircleCI here.

[geriux]

Writing flow sanity check

• Undo-redo (steps)
• Copy-paste (steps)
• Splitting blocks (steps)
• Multiline components (steps)
• Formatting on rich-text based components (steps)
• Block insertion (steps)

[geriux]

Related PRs and Writing flow sanity check tests ✅

[mkevins]

Cover-1 ✔️

• Cover - Add image background from WordPress Media library - steps
• Cover - Change Minimum height in pixels - steps
• Cover - Change Background Opacity - steps
• Cover - Image focal point is rendered properly - steps
• Cover - Custom color is rendered properly - steps

Button-1 ✔️

• Button block - Render custom text color - steps
• Button block - Render custom background color - steps
• Button block - Render gradient background color - steps
• Button block - Check if selection / caret color matches font color - steps

Button-2 ✔️

• Button block - Edit text styles - steps
• Button block - Fallback to default colors in case theme colors are used - steps
• Button block - New Button is created with the gray color - steps
• Button block - Settings: Change Button border radius - steps
• Button block - The newly created button has set background color to the theme-default color in preview - steps
• Button block - Tapping delete key removes block when Button is empty - steps

Button-3 ✔️

Note: These tests could be improved by displaying the image for which "settings button" to press directly in the test steps (rather than linking to the image). At first, I conducted the tests using the block settings, instead of the RichText settings, until I realized intention was to first use the RichText settings button.

• Button block - Settings: Open in new tab - steps
• Button block - Settings: Link rel - steps
• Button block - Settings: Link URL - steps
• Button block - Settings: Remove link - steps
• Button block - Settings: Synchronize with button options - steps

Button-4 ❓

• Button block - Link from the clipboard is automatically added into the empty URL field in link settings and button options - steps
• Button block - Toolbar link button is active when Button has link - steps
• Button block - Button max width is calculated OK inside inner blocks(iOS only) - steps

All tests pass, but strange behavior / bug observed for button inside group block. For some reason, when I add a button inside a group block, it doesn't show changes in the preview that appear after the button.

Screencast - Preview doesn't show new content after button inside group

[lukewalczak]

@mkevins I was not able to reproduce that problem, however, I was checking it on the simulator using release branch, because looks like .ipa expired.

Steps I went through:

1. Open a post
2. Add Group block
3. Add Paragraph into Group block
4. Type Test
5. Open a preview - check if the paragraph is displayed correctly
6. Add Buttons into Group block
7. Type Test
8. Open a preview - check if the button is displayed correctly
9. Add another Buttons into Group block
10. Type Test
11. Open a preview - check if the button is displayed correctly

Output:

[geriux]

All good! We just need to change the commit for the tag.

[mkevins]

Thanks for testing!

[mkevins]

@mkevins I was not able to reproduce that problem, however, I was checking it on the simulator using release branch, because looks like .ipa expired.

Thanks for attempting to reproduce this @lukewalczak ! I have confirmed this bug does not require the group block. Also, I have confirmed that it does not appear to be related with button(s) block, which is where I originally encountered the issue while testing. This may be an issue with preview. I have now encountered this with the following steps:

1. Add a new post
2. Repeat the following 3 times:
   1. Add a paragraph with some text
   2. View preview (obvserve the new paragraph is display in the preview)
   3. Switch back to editing

On the third edit, I observed that the preview content was "stale". I'll open an issue for this.