ElemeFE / ElemeFE/element

[Bug Report] el-tooltip is overflow the screen viewport range

Open
#21,761 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
Vue
Stars
54k
Forks
14.4k
PR merge metrics
No merged PRs in 30d

Description

### Element UI version
2.15.7

### OS/Browsers version
macOS 12.0.1,Chrome 99.0.4844.83

### Vue version
2.6.14

### Reproduction Link
https://jsfiddle.net/rencoo/8ao7vz3k/6/

### Steps to reproduce
1. set el-tooltip content as a long string without white space
2. found that el-tooltip content is overflow the screen viewport range

### What is Expected?
el-tooltip content will auto break

### What is actually happening?
el-tooltip content is overflow the screen viewport range.
it should be related to the 'el-tooltip__popper' attr, i think you should set attr 'max-width: calc(100vw - 20px);' for it

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.