What?

Add the option to convert the Classic block's content to blocks. This functionality matches the behavior we provide in the web version of the Classic block.

Why?

The Classic block is currently unsupported in the mobile native version, hence this will provide an alternative for users to edit the content.

How?

The Missing block (i.e. the block used for unsupported blocks) now checks if the original block is the Classic block. If so, it expands the description provided in the unsupported block details bottom sheet, as well as adding an action button to convert the content into blocks.

Testing Instructions

WPCOM site

1. Create a post/page in a WPCOM site.
2. Switch to the HTML mode and insert the following content:

<!-- wp:paragraph -->
<p>Classic block:</p>
<!-- /wp:paragraph -->

<p>I'm classic!</p>

<!-- wp:paragraph -->
<p>Unsupported block:</p>
<!-- /wp:paragraph -->

<!-- wp:table -->
<figure class="wp-block-table"><table><tbody><tr><td>1</td><td>2</td></tr><tr><td>3</td><td>4</td></tr></tbody></table></figure>
<!-- /wp:table -->

3. Switch back to Visual mode.
4. Tap on the Classic block two times.
5. Observe the Unsupported block details bottom sheet is displayed and contains the "Convert to blocks" option.
6. Observe that there's a reference to convert to blocks in the details message.
7. Tap on the "Convert to blocks" option.
8. Observe that the Classic block is converted into a Paragraph block.
9. Tap on the Table block two times.
10. Observe the Unsupported block details bottom sheet is displayed and only contains the "Edit using web editor" option.

Self-hosted site

1. Add a self-hosted to the app (e.g. create a site in Jurassic Ninja)
2. Create a post/page.
3. Switch to the HTML mode and insert the following content:

<!-- wp:paragraph -->
<p>Classic block:</p>
<!-- /wp:paragraph -->

<p>I'm classic!</p>

<!-- wp:paragraph -->
<p>Unsupported block:</p>
<!-- /wp:paragraph -->

<!-- wp:table -->
<figure class="wp-block-table"><table><tbody><tr><td>1</td><td>2</td></tr><tr><td>3</td><td>4</td></tr></tbody></table></figure>
<!-- /wp:table -->

3. Switch back to Visual mode.
4. Tap on the Classic block two times.
5. Observe the Unsupported block details bottom sheet is displayed and only contains the "Convert to blocks" option.
6. Observe that there's a reference to convert to blocks in the details message.
7. Tap on the "Convert to blocks" option.
8. Observe that the Classic block is converted into a Paragraph block.
9. Tap on the Table block two times.
10. Observe the Unsupported block details bottom sheet is displayed and doesn't contain options.

Testing Instructions for Keyboard

N/A

Screenshots or screencast