Skip to content

[Component] [table-column, table] the show-overflow-tooltip of el-table has an abnormal display problem when the browser is zoomed to 80% or 90% #10790

@Cenavy1019

Description

@Cenavy1019

Bug Type: Component

Environment

  • Vue Version: 3.2.41
  • Element Plus Version: 2.2.25
  • Browser / OS: UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Safari/537.36
  • Build Tool: Vite

Reproduction

Related Component

  • el-table-column
  • el-table

Reproduction Link

Element Plus Playground

Steps to reproduce

  1. set show-overflow-tooltip and width
  2. use <template #default="scope"> <div> {{ scope.row.name }} </div> </template> slot
  3. zoom the browser to 80% or 90%, when the text is not a breakpoint, the show-overflow-tooltip will also be displayed

What is Expected?

zoom the browser to 80% or 90%, show show-overflow-tooltip on breakpoint when using block element slots

What is actually happening?

zoom the browser to 80% or 90%, always show show-overflow-tooltip when using block element slots

Additional comments

(empty)

step1

step1

step2

step2

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions