Skip to content

Slot Changes Re-Rendered in Wrong Location on IE11/Edge #2004

@umdjm

Description

@umdjm

Stencil version:

 @stencil/core@1.7.5

I'm submitting a:
[ X] bug report
[ ] feature request
[ ] support request

Current behavior:
Adding child element to a slot on IE11 or Edge displays below template.

Expected behavior:
Element displays adjacent to original slot content.

Steps to reproduce:
Open https://umdjm.github.io/StencilFallbackDemo/ on IE11
Code https://github.com/umdjm/StencilFallbackDemo

Related code:

  render() {
    return <div>
      HEADER
      <br/>
      SLOT GOES HERE (
        <slot />
      )
      <br/>
      FOOTER
    </div>;
  }
    <my-component>
      <p> Initial Slot Data </p>
    </my-component>

Other information:

IE Screenshot

IE Screenshot

Chrome Screenshot

Chrome Screenshot

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions