quill icon indicating copy to clipboard operation
quill copied to clipboard

List markers are not vertically centered when font size is larger

Open sep8 opened this issue 1 year ago • 1 comments

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 avatar Sep 30 '24 05:09 sep8

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);
}

sep8 avatar Sep 30 '24 05:09 sep8