Skip to content

Incorrect list styling #351

Closed
Closed

Description

@katsyuta

A few problems in list styling:

1) Nested bullet list items are rendered as non-nested

For this Markdown:

- list
    - new

The nested item is rendered as a top-level item:

Image

Other list types are rendered correctly. The issue only occurs with nested bullet list items. The DOM structure is correct and only visual part have a bug.

2) For a numbered list, an extra number marker is rendered for the list item that contains only a nested list

The nested list should use only alphabetic markers, without an extra number marker.

Image

Possible fix:

Make these CSS rules apply to ol lists as well.

// packages/app/src/features/NoteEditor/RichEditor/theme/RichEditor.css

.RichEditor__ul>.RichEditor__listItem.RichEditor__nestedListItem:not(:has(> [data-lexical-text])) {
	list-style-type: none;

	&::before {
		display: none;
	}
}

Activity

  1. changed the title [-]Nested bullet list items are rendered as non-nested[/-] [+]Incorrect list styling[/+] on Aug 31, 2026
  2. linked a pull request that will close this issuefix: incorrect list styling #366on Oct 7, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workingscope:editorRelated to any editor features

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions