[Component] [scrollbar] ElScrollbar - TypeError: Cannot read properties of null (reading 'insertBefore')

[Spirit04eK]

Bug Type: Component

Environment

• Vue Version: 3.3.4
• Element Plus Version: 2.3.8
• Browser / OS: Chrome 114.0.5735.198 / Linux Mint 20.3 Cinnamon
• Build Tool: Vite

Reproduction

Related Component

• el-scrollbar

Reproduction Link

Github Repo

Steps to reproduce

1. Build in prod mode (npm run build) (PROD mode is important, because in dev mode works fine)
2. Open builded project
3. Click by add button
4. See in console. You see TypeError: Cannot read properties of null (reading 'insertBefore')

What is Expected?

Work indent (without errors)

What is actually happening?

TypeError: Cannot read properties of null (reading 'insertBefore')

Additional comments

I created environment in element-plus-playground, but this bug not reproduce, because element-plus-playground build project in dev mode.
Please, see link with github.

I see next behavior, in TestComp.vue we have

<template v-if="visibleTitle" #title>
  <h1>My title</h1>
</template>

If you change this to:

<template #title>
  <h1 v-if="visibleTitle">My title</h1>
</template>

Or you comment <el-scrollbar> in TestItems.vue

Everything will work. This is strange.

[Spirit04eK]

Looks like: #7280 , #9160 #6640 , #5278 , #9029

[Spirit04eK]

And vue core issue, but I can't reproduce in vue without element-plus

[ddmy]

我也遇到了类似问题， 页面在dialog关闭后 会报错 Cannot read properties of null (reading 'insertBefore') element 2.3.9版本
vue 3.2.30

[ac51300696]

所以有什么下文不，