Indented lists are displayed flat in the block editor

[jorgeatorres]

Describe the bug

When a post contains a list with sublists, everything is displayed as a flat list in the editor, despite the proper HTML being generated, and thus appearing fine on the frontend.

Might be related to #2056 (?).

Isolating the problem (mark completed items with an [x]):

• [X] I have deactivated other plugins and themes and confirmed this bug occurs when only WooCommerce + Storefront theme are active.
• [X] I can reproduce this bug consistently using the steps below.

To Reproduce

Steps to reproduce the behavior:

1. Enable a theme other than Storefront.
2. Go to Posts > Add New.
3. Create a new post with a list an indent one of the items (using Space) to start a sublist:
4. Save the post.
5. Enable the "Storefront" theme.
6. Go back to the post you've just created (on the admin).
7. The list is displayed as a flat list:
8. Confirm that the HTML is correct...

   2022-11-02 at 14.40.21.png…]()

9. ... and that things display fine on the frontend.

Screenshots

If applicable, add screenshots to help explain your problem. (See above)

Expected behavior

Lists should respect indentation in the block editor.

Browser Environment

Please provide as much detail as possible about your testing environment.

• Platform: macOS 13.0
• Browser(s): 107.0.5304.87

WordPress Environment

Please provide relevant details of your WordPress setup and server environment.

``` Copy and paste the system status report from WooCommerce > System Status in WordPress admin. ```

[dinhtungdu]

Hi @jorgeatorres,

Thanks so much for reporting this issue! I can confirm this issue. I tested it on my end and got the same issue as you described.

Might be related to https://github.com/woocommerce/storefront/issues/2056 (?).

Look like https://github.com/woocommerce/storefront/issues/2056 relates to order list style instead of indentation, so I will keep both issues open for now.