InnerBlocks edit as HTML option creates invalid content

[virgiliud]

When selecting an innerBlock container, like a single column from the column block, we have the option to "edit as HTML". If you click out of the inner block while editing as HTML it will produce an "unexpected or invalid content" error.

Is the edit as HTML option useful for inner block containers? It seems like it breaks the code.

I'm using Gutenberg version 4.1.1. and Chrome 70.0.3.

Screenshots testing on Columns block:

[designsimply]

Tested and confirmed that clicking on the white space of the editor page while in "Edit as HTML" mode for a Columns block results in the block becoming invalid with this error: "This block contains unexpected or invalid content." (42s)

^{Tested using WordPress 4.9.8 and Gutenberg 4.2.0-rc.1 with Firefox 63.0 on macOS 10.13.6.}

[iismaellh]

I can reproduce the issue on any blocks with the InnerBlocks component. It will work properly again when you click the undo button after getting the error.

Had to disable the textarea to at least mitigate the issue. I don't really want to edit the html anyway.

scss:

div[data-type="block-namespace/block-name"] {
    textarea.editor-block-list__block-html-textarea {
	pointer-events: none;
    }
}

[websupporter]

I can confirm this issue. Happens also with the general columns block (the wrapper for the single columns)

[ZebulanStanphill]

This should be moved out of the "WordPress 5.0.x Follow Ups" milestone since it was resolved before 5.0 thanks to #11785.

[glorya]

I have the same problem ancd i have this error in Javascript Console:

Block validation: Block validation failed for `core/paragraph` (Object).
Expected:
<p style="text-align:left"></p>
Actual:
<p style="text-align:left"><p style="text-align:justify">

I've edit the text-align for the paragraph and it seems to add anothe parapraph around it

[joxerg]

Same problem here, really frustrating, seriously we can't Justify a text??