microsoft / microsoft/roosterjs

Lists (bulleted and numbered) aren't visible/properly indented when font-size is huge

Open
#2,572 3 comments 0 reactions 1 assignee View on GitHub

@JiuqingSong is already working on this.

Since Sep 9, 2024.

Dominant language
TypeScript
Stars
1.3k
Forks
190
Avg merge
1d 8h
Merged PRs (30d)
16

Description

Describe the bug
Lists (bulleted and numbered) aren't visible/properly indented when font-size is over 24px. The indent slowly goes away until then the bullet starts to run off the screen.
To Reproduce
Steps to reproduce the behavior:

  1. Make font size 48 or above.
  2. toggle bullet or numbered list.

Expected behavior
you should be able to see the bullet, and it should be properly indented.
UL should have a default padding-inline-start that equals the font-size

Screenshots
image

Device Information
browser - demo site

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.