element-plus icon indicating copy to clipboard operation
element-plus copied to clipboard

[Style] [tree-select] select多选tag样式问题

Open My-believe opened this issue 1 year ago • 2 comments

Bug Type: Style

Environment

  • Vue Version: 3.2.37
  • Element Plus Version: 2.2.12
  • Browser / OS: Chrome版本 126.0.6478.127(正式版本) (64 位)
  • Build Tool: Vite

Reproduction

Related Component

  • el-tree-select

Reproduction Link

Element Plus Playground

Steps to reproduce

多选框悬浮提示tag上之后3、4、5会悬浮显示在右边,不是默认的下边提示。

What is Expected?

应该都在下边提示

What is actually happening?

在右边提示

Additional comments

(empty)

My-believe avatar Jul 18 '24 10:07 My-believe

The reason is that your demo, the space below the select is not enough to display the tooltip. At this time, the tooltip will try to dispaly an select bottom or top or right or left.

You can verify this by leaving enough space on the left side of the select or selected fewer tags.

image

wzc520pyfm avatar Jul 18 '24 15:07 wzc520pyfm

那是不是可以理解为多个select的tag也是显示在下面,是因为页面左侧展示不下的原理嘛?

∮墙角嘘嘘♀ @.***

 

------------------ 原始邮件 ------------------ 发件人: "element-plus/element-plus" @.>; 发送时间: 2024年7月18日(星期四) 晚上11:57 @.>; @.@.>; 主题: Re: [element-plus/element-plus] [Style] [tree-select] select多选tag样式问题 (Issue #17589)

The reason is that your demo, the space below the select is not enough to display the tooltip. At this time, the tooltip will try to dispaly an select bottom or top or right or left.

You can verify this by leaving enough space on the left side of the select or selected fewer tags. image.png (view on web) — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you authored the thread.Message ID: @.***>

My-believe avatar Jul 19 '24 01:07 My-believe

@My-believe 空间问题,当不满足时会进行调整。

btea avatar Jan 08 '25 13:01 btea

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

此 issue 已被自动锁定,因为关闭后没有任何近期活动。如果有相关 bug,请重新创建一个新 issue。

github-actions[bot] avatar Oct 31 '25 16:10 github-actions[bot]