[LiveComponent] Sharing templates between child components broken since 2.14

[tijnema]

Since live component 2.14 we can no longer use child components inside a parent component with the same template. The child components will generate the same live id.

I've created a reproducer here: https://github.com/tijnema/livebug
In the current state it shows how it should work (live components version 2.13), pressing the button will render child A or B.
Upgrading live components to 2.14 breaks it, and will either render the wrong component, or render nothing at all.

[smnandre]

I installed your reproducer and i did not reproduced the problem:

Enregistrement.de.l.ecran.2024-02-07.a.21.26.25.mov

Could this be a cache problem ?

[tijnema]

I installed your reproducer and i did not reproduced the problem:

Enregistrement.de.l.ecran.2024-02-07.a.21.26.25.mov
Could this be a cache problem ?

Did you update to 2.14 (composer require symfony/ux-live-component="v2.14.0") ? The code as-is shows working situation with 2.13

[smnandre]

Enregistrement.de.l.ecran.2024-02-07.a.21.38.46.mov

[tijnema]

I tried clearing cache, removing project and reinstalling from github, but I keep getting the same. I have no clue why it behaves normally on your machine.
Screencast_20240207_214931-2.webm

I installed it also on a dev server for anyone to test: http://livebug.tijnema.com

[smnandre]

It is probably related to major changes that occured in the morphin algorithm... as you remove a node in the same time you add one, it seems their is some confusion and the final result is .... surprising indeed.

The only short-term solution is see for you there is to help the morphing, wrapping your two components

(tested on my machine, but you know...)

  <div id="foo-a">
      {% if this.even %}
          {{ component('child_a') }}
      {% endif %}
  </div>
  <div id="foo-b">
      {% if not this.even %}
          {{ component('child_b') }}
      {% endif %}
  </div>

[weaverryan]

@smnandre is correct about the morphing algorithm change. I can see the problem - I'm checking into it.