element-plus [Component] [cascader] el-cascader goes out of screen

yyyllmsg 于 5个月前发布在 Go

关注(0)|答案(3)|浏览(54)

Bug Type: Component

Environment

Vue Version: 3.2.47
Element Plus Version: 2.3.4
Browser / OS: Chrome
Build Tool: Vite

Reproduction

el-cascader

Reproduction Link

Element Plus Playground

Steps to reproduce

Disable horizontal scroll
Add el-cascader to view
Add 4 options with children
Open cascader and select option
Its impossible to select the last option if screen is to small

What is Expected?

Last panel always fully visible

What is actually happening?

The last panel is out of screen

Additional comments

(empty)

element-plus

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

3条答案

按热度按时间

pu3pd22g1#

Add below styling to Element plus playground somehow it keeps getting removed.

<style>
  body {
    overflow-x: hidden;
  }
</style>

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

ccrfmcuu2#

At present, this kind of scenario may only consider adding overflow-x: auto to .el-cascader-panel .

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

c7rzv4ha3#

Yes, thats also our current temporary solution but it would be great if the panels don't fit on screen the .el-cascader__dropdown gets a right: 5px; style instead of the current auto.

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

我来回答

element-plus [Component] [cascader] el-cascader goes out of screen

Environment

Reproduction

Reproduction Link

Steps to reproduce

What is Expected?

What is actually happening?

Additional comments

3条答案

相关问题

热门标签

最新问答

element-plus [Component] [cascader] el-cascader goes out of screen

Environment

Reproduction

Related Component

Reproduction Link

Steps to reproduce

What is Expected?

What is actually happening?

Additional comments

3条答案

相关问题

热门标签

最新问答