element-plus [Component] [tooltip] el-tooltip effect display an opposite result when setting class dark on html tag

cyvaqqii 于 5个月前发布在其他

关注(0)|答案(2)|浏览(55)

Bug Type: Component

Environment

Vue Version: 3.3.4
Element Plus Version: 2.6.2
Browser / OS: Chrome 126.0.6478.127
Build Tool: Vite

Reproduction

el-tooltip

Reproduction Link

Docs

Steps to reproduce

... Dark Light

What is Expected?

the first el-tooltip should display dark style but shows light style.And the second one display an opposite behavior.

What is actually happening?

the first el-tooltip shows light style.
the second one shows dark style.

Additional comments

i think the style should follows what props i offer, the effect="dark" should always be dark style.
you can discover this phenomenon in the official document.

element-plus

来源：https://github.com/element-plus/element-plus/issues/17578

2条答案

按热度按时间

wrrgggsh1#

the code fragment should be

<html class="dark">
...  
<el-tooltip content="Top center" placement="top">
    <el-button>Dark</el-button>
  </el-tooltip>
  <el-tooltip content="Bottom center" placement="bottom" effect="light">
    <el-button>Light</el-button>
  </el-tooltip>
</html>

赞(0）回复(0）举报 5个月前

wdebmtf22#

i think that is useDark changed global text-color and bg-color ，it might be a bug or call it color relativity？ 😂

赞(0）回复(0）举报 5个月前

我来回答

element-plus [Component] [tooltip] el-tooltip effect display an opposite result when setting class dark on html tag

Environment

Reproduction

Reproduction Link

Steps to reproduce

What is Expected?

What is actually happening?

Additional comments

2条答案

相关问题

热门标签

最新问答

element-plus [Component] [tooltip] el-tooltip effect display an opposite result when setting class dark on html tag

Environment

Reproduction

Related Component

Reproduction Link

Steps to reproduce

What is Expected?

What is actually happening?

Additional comments

2条答案

相关问题

热门标签

最新问答