Safari dom-if slot bug "A problem repeatedly occurred"

[dejan9393]

Hi, there seems to be a bug on the latest version of Safari (14.1.1) when using dom-if with a certain configuration of slots.

I was able to create a minimal reproducible case, but i'm baffled because it seems like a very specific configuration to me.

The problem causes Safari to crash and automatically reload the page with the error "This webpage was reloaded because a problem occurred.". A subsequent error will reload the page again, this time with a black screen stating: "A problem repeatedly occurred with [url]"

I've made a minimal reproduction here:

https://safari-dom-if-bug.glitch.me/

source code is here: https://glitch.com/edit/#!/safari-dom-if-bug

The important snippet that i've narrowed it down to is the following:

element-with-slot.js:

<slot></slot>

app.js:

<element-with-slot>
  <template is="dom-if" if="[[boolean]]">
    <slot>Works!</slot>
  </template>
</element-with-slot>

<slot name="test"></slot>

The curious thing for me is that the snippet actually seems to work without that extra named-slot sibling ([name=test]) after the element-with-slot.

A workaround is to wrap the <dom-if> with something other than a slot (so that the dom-if is not a direct child of the element with a slot). This makes me wonder if this is related to #5065.

Any help appreciated!

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.