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

List markers are not vertically centered when font size is larger #4432

Open
sep8 opened this issue Sep 30, 2024 · 1 comment
Open

List markers are not vertically centered when font size is larger #4432

sep8 opened this issue Sep 30, 2024 · 1 comment

Comments

@sep8
Copy link

sep8 commented Sep 30, 2024

List markers are not vertically centered when font size is larger

Steps for Reproduction

  1. Visit the third example of quilljs.com homepage
  2. Type any text on a new line in the editor and select it
  3. Set its font size to "Huge" then set it to "list" ("bullets" or "ordered")
  4. You can see that the markers before the list are not centered vertically.

image
image

Expected behavior:
The list marker should be centered vertically.

Actual behavior:
The marker before the list is not vertically centered

Platforms:
Browser: Chrome 129.0.6668.70

Version:
V2.0.2

@sep8
Copy link
Author

sep8 commented Sep 30, 2024

It can be fixed by the following CSS. If it is confirmed that this is a bug, I can submit a PR

li > .ql-ui {
    position: absolute;
    top: calc(50% - 9.75px);
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant