Tree checkbox 与节点内容纵向错位 #8064

jzz4012650 · 2025-03-12T10:51:10Z

I have searched the issues of this repository and believe that this is not a duplicate.

Version

4.2.6

Environment

macOS 15.3.1
Chrome 133.0.6943.142

Reproduction link

https://antdv.com/components/tree-cn#components-tree-demo-replacefields

Steps to reproduce

官网示例：

What is expected?

checkbox 与节点内容纵向对齐

What is actually happening?

checkbox 偏下

看起来是 checkbox 中的额外 margin 导致，见下图：

- 移除不必要的 checkbox vertical margin，因为 checkbox 样式已将自身设置为 align-self: center;

jzz4012650 pushed a commit to jzz4012650/ant-design-vue that referenced this issue Mar 12, 2025

fix: vueComponent#8064 修复 tree checkbox 垂直对齐问题

4c14864

- 移除不必要的 checkbox vertical margin，因为 checkbox 样式已将自身设置为 align-self: center;

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Tree checkbox 与节点内容纵向错位 #8064

Tree checkbox 与节点内容纵向错位 #8064

jzz4012650 commented Mar 12, 2025 •

edited

Loading

Tree checkbox 与节点内容纵向错位 #8064

Tree checkbox 与节点内容纵向错位 #8064

Comments

jzz4012650 commented Mar 12, 2025 • edited Loading

Version

Environment

Reproduction link

Steps to reproduce

What is expected?

What is actually happening?

jzz4012650 commented Mar 12, 2025 •

edited

Loading