Stencil version:
I'm submitting a:
[x] bug report
[ ] feature request
[ ] support request => Please do not submit support requests here, use one of these channels: https://stencil-worldwide.herokuapp.com/ or https://forum.ionicframework.com/
Current behavior:
Fallback slot messes between parent and child components
Expected behavior:
Correctly handle fallbak slot issues for parent and child components
Steps to reproduce:
// my-component
import { Component, h } from '@stencil/core';
@Component({
tag: 'my-component',
styleUrl: 'my-component.css',
shadow: false,
})
export class MyComponent {
render() {
return <div><slot><span>my-component fallback</span></slot></div>;
}
}
// my-button
import { Component, h } from '@stencil/core';
@Component({
tag: 'my-button',
styleUrl: 'my-button.css',
shadow: false,
})
export class MyButton {
render() {
return <div>
<my-component>
<div data-txt="Insert into the default slot of my-component">
<slot data-tip="lun-button The default slot of the lun-button"><span>LunButton fallback</span></slot>
</div>
</my-component>
</div>;
}
}<!DOCTYPE html>
<html dir="ltr" lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0" />
<title>Stencil Component Starter</title>
<script type="module" src="/build/lun-button.esm.js"></script>
<script nomodule src="/build/lun-button.js"></script>
</head>
<body>
<!-- <my-component first="Stencil" last="'Don't call me a framework' JS"></my-component> -->
<my-button></my-button>
</body>
</html>The result of the actual rendering，The page is blank
```html
my-component fallback
LunButton fallback
```
The actual rendering hides the parent component's slot fallback as well
Other information:
- I think there should be a boundary between the elements of the parent component and the elements of the child component, and should not be mixed
- In fact, the problem of slot passthrough cannot be handled correctly
<div><slot name"abc" slot="abc"></slot></div>
Stencil version:
I'm submitting a:
[x] bug report
[ ] feature request
[ ] support request => Please do not submit support requests here, use one of these channels: https://stencil-worldwide.herokuapp.com/ or https://forum.ionicframework.com/
Current behavior:
Fallback slot messes between parent and child components
Expected behavior:
Correctly handle fallbak slot issues for parent and child components
Steps to reproduce:
Other information: