html Order tag is not supporting by Custom HTML block

[jadhavravindra]

Describe the bug
When the user tried to display the HTML order list with the help of Custom HTML block, then it will not display the order list with the numbers.

To reproduce
Steps to reproduce the issue:
1.Go to gutenberg editor
2. add Custom HTML block
3.insert below code into the HTML block

 <ol>
<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
<ul>
</ol>

4.publish it and View the page

Expected behavior
Order numbering should be displayed.
Example:
1.Coffee
2.Tea
3.Milk

Screenshots
https://www.screencast.com/t/wGMy0eNpSQ

[swissspidy]

That's not an ordered list.

Correct would be:

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

So your HTML is wrong and the browser tries to fix it, only keeping the ul tags and removing the ol tags.

[jadhavravindra]

Yes I tried both ways,,

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

that also not working with custom html block
Please look here : https://www.screencast.com/t/wGMy0eNpSQ

[swissspidy]

Looks like there's no padding for ul and ol in thee HTML block's preview iframe. That iframe exists as a sandbox. In the frontend it looks good though.

Which is why this is essentially a duplicate of #9129 (outside CSS is not applied to the editor).

Also, thanks for the video, but I cannot watch it without flash player 🙂

[jadhavravindra]

Okay, I have updated the video. You can check below one now for more details.
!

[swissspidy]

Awesome, thanks!

Definitely a duplicate of #9129 in that case. Please follow that issue for any progress.

As I mentioned, that whole HTML block preview in the editor is in a sandboxed iframe, so it's not as trivial as it seems to add the necessary styling there.

[jadhavravindra]

Okay. Thanks.