Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Component] Vue 3.4.16 will cause all components created with render function in Element-Plus to not display. #15840

Closed
mlkt opened this issue Feb 8, 2024 · 6 comments
Labels
has workaround upstream 🔨 Vue issue Issue caused by Vue. Can't do anything

Comments

@mlkt
Copy link

mlkt commented Feb 8, 2024

Bug Type: Component

Environment

  • Vue Version: 3.4.16
  • Element Plus Version: 2.5.5
  • Browser / OS: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.5735.289 Safari/537.36
  • Build Tool: Webpack

Reproduction

Related Component

  • el-select
  • el-menu
  • el-container
  • el-overlay
  • el-scrollbar

Reproduction Link

Element Plus Playground

Steps to reproduce

Vue 3.4.16 版本会导致 element-plus 所有用渲染函数创建的组件都无法显示

可以在上面的链接测试,Element Plus版本选择2.5.5,Vue版本选择3.4.16,选择后可以发现点击 el-select 下拉框无法显示,看控制台发现是弹出层被设为了 display: none 导致无法显示,将Vue版本切换为 3.4.15 后恢复正常。

除了 el-select 无法显示的组件还有很多,比如 el-container 、el-menu 、el-scrollbar 、 el-overlay 等,看了下代码,发现这些组件都是用渲染函数实现的,使用 template 的组件好像都正常显示。原因可以看我在 vuejs/core#10294 发的。但不知道是Vue那边的改动欠考虑还是这边的写法有问题。

What is Expected?

正常显示

What is actually happening?

无法显示

Additional comments

(empty)

@Ciscodefran
Copy link

Same here. Fix vue version resolution.

@yetian
Copy link

yetian commented Feb 8, 2024

It will be interesting to see why it happens... Here is the diff between v3.4.15 and v3.4.16: https://github.com/vuejs/core/compare/v3.4.15..v3.4.16

@leorantakupari
Copy link

Same here, help lol

@sxzz sxzz added upstream has workaround 🔨 Vue issue Issue caused by Vue. Can't do anything labels Feb 8, 2024
@sxzz
Copy link
Collaborator

sxzz commented Feb 8, 2024

Cannot do anything, but users can rollback to Vue v3.4.15. Please track issue vuejs/core#10294

@sxzz
Copy link
Collaborator

sxzz commented Feb 9, 2024

Try Vue v3.4.18

@sxzz sxzz closed this as completed Feb 9, 2024
Copy link

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 github-actions bot locked and limited conversation to collaborators Mar 10, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
has workaround upstream 🔨 Vue issue Issue caused by Vue. Can't do anything
Projects
None yet
Development

No branches or pull requests

5 participants