Append to a not empty element?

[FezVrasta]

Looks like I can't set as wormhole endpoint an element with already some nodes inside. Why that? Is there any workaround?

Thanks.

[timmyomahony]

+1 For example, I have a mobile nav hamburger that I want to display within my wormhole destination unless there is active content in the wormhole:

<div id="nav-icon">
    <img ... />
</div>

so ideally when I use {{#ember-wormhold to="nav-icon"}}<img class="new-button" ... />{{/ember-wormhole}} it would overwrite instead of append.

Maybe an option such as {{#ember-wormhold to="nav-icon" replace=true}}?

[Kerrick]

I have a similar desire, I'd like to have some "skeleton UI" that shows up in my wormhole destination until the wormhole renders, and I'd love for ember-wormhole to clear out the destination element before rendering there.

Here's a reduced example:

<div id="open-graph-share">
    <a class="facebook">Share</a>
    <a class="pinterest">Pin It</a>
    <a class="twitter">Tweet</a>
</div>

{{#if socialSDKsAreLoaded}}
  {{#ember-wormhole to="open-graph-share"}}
    <a class="facebook" {{action "share"}}>Share</a>
    <a class="pinterest" {{action "pin"}}>Pin It</a>
    <a class="twitter" {{action "tweet"}}>Tweet</a>
  {{/ember-wormhole}}
{{/if}}

I'd be perfectly happy with a replace=true attr.

[lukemelia]

An attempt was made to implement this but ultimately abandoned due to tricky semantics. If anyone wants to dig further, you will want to review #52