bug: scoped: true slot fallback is hidden when using slot forwarding

[johnjenkins]

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Stencil Version

latest

Current Behavior

Using a non-shadow component like:

<parent-component label="a label via prop"></parent-component>

Build with a parent:

@Component({
  tag: "parent-component",
  scoped: true,
})
export class ParentComponent {
  @Prop() label: string;

  render() {
    return (
      <Host>
        <child-component label={this.label}>
          <slot name="label" />
          // ^^^ this slot will act as a slotted node, hiding the fallback content
        </child-component>
      </Host>
    );
  }
}

and a child:

@Component({
  tag: "child-component",
  scoped: true,
})
export class ChildComponent {
  @Prop() label: string;

  render() {
    return (
      <Host>
        <div>
          <slot name="label">{this.label}</slot>
          // ^^^ This slot fallback will be hidden
        </div>
      </Host>
    );
  }
}

The nested slot fallback will be hidden

Expected Behavior

Forwarding a slot should not act like slotting a node - the fallback content should not be hidden.

System Info

Steps to Reproduce

---

Code Reproduction URL

/~https://github.com/johnjenkins/broken-slot-fallback-forwarding

Additional Information

No response

[christian-bromann]

A patch for this has been released in v4.27.0.