Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Indented lists are displayed flat in the block editor #2063

Open
2 tasks done
jorgeatorres opened this issue Nov 2, 2022 · 1 comment
Open
2 tasks done

Indented lists are displayed flat in the block editor #2063

jorgeatorres opened this issue Nov 2, 2022 · 1 comment
Labels
category: styles Issues related to styling editor Issues related to the editor styles good first issue The issue is a good candidate for the first community contribution/for a newcomer to the team. type: bug The issue is a confirmed bug.

Comments

@jorgeatorres
Copy link
Member

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]):

  • I have deactivated other plugins and themes and confirmed this bug occurs when only WooCommerce + Storefront theme are active.
  • 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:
    Screenshot 2022-11-02 at 14 40 57
  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:
    Screenshot 2022-11-02 at 14 40 02
  8. Confirm that the HTML is correct...
    Screenshot 2022-11-02 at 14 40 21
    2022-11-02 at 14.40.21.png…]()
  9. ... and that things display fine on the frontend.

Screenshot 2022-11-02 at 14 39 57

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
Copy link
Member

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 #2056 (?).

Look like #2056 relates to order list style instead of indentation, so I will keep both issues open for now.

@dinhtungdu dinhtungdu added type: bug The issue is a confirmed bug. good first issue The issue is a good candidate for the first community contribution/for a newcomer to the team. category: styles Issues related to styling editor Issues related to the editor styles labels Nov 7, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
category: styles Issues related to styling editor Issues related to the editor styles good first issue The issue is a good candidate for the first community contribution/for a newcomer to the team. type: bug The issue is a confirmed bug.
Projects
None yet
Development

No branches or pull requests

2 participants