A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://github.com/vuejs/vue-next/issues/3548 below:

Passing component to nested slots gives TypeError: Cannot read property 'parentNode' of null · Issue #3548 · vuejs/core · GitHub

Version

3.0.11

Reproduction link

https://codesandbox.io/s/naughty-carson-95syx?file=/src/App.vue

Steps to reproduce

Click the rendered dropdown button with the component included in the slot "popoverContent". Commenting out the component and refreshing gives expected behavior, toggling the popover with "hello".

What is expected?

Expect to be able to render arbitrary content, including other components, in the nested slots.

What is actually happening?

When a component is included in the nested slot content, an error is thrown: "TypeError: Cannot read property 'parentNode' of null."

This error goes away and normal behavior is seen when only text is included in the slot.

I am implementing a custom toolbar with buttons that can be passed content to be displayed in a popover. The component has a slot "popoverContent". then includes a component with a slot "content". The content is passed through those two slots. Including any other component in that slot content produces this error.


RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4