fix(editor): task list label 内 checkbox 居中

label 默认是 inline 元素,内部 checkbox(inline-block)受父级行高影响会产生
基线间距,导致 checkbox 在 label 盒子内偏上,即便 li 用了 align-items: center
也只对齐了 label 盒子而非 checkbox 本身。

给 label 加 display: flex + align-items: center + line-height: 0,消除行高
撑出的基线空间,让 checkbox 严格居于 label 盒子中心。
This commit is contained in:
xfy 2026-07-02 14:42:52 +08:00
parent 4e96243407
commit 873ccb1a80

View File

@ -339,6 +339,12 @@
flex-shrink: 0;
cursor: pointer;
user-select: none;
/* label 默认 inline,内部 checkbox inline-block 会受 line-height 撑出
基线间距导致 checkbox label 内偏上 flex 居中并清零行高,
checkbox 严格在 label 盒子中心 */
display: flex;
align-items: center;
line-height: 0;
}
.tiptap-editor ul[data-type="taskList"] li > label input[type="checkbox"] {