x-sort with x-for – Partial Content Invisible During Drag (Mobile Safari/Chrome Only)

[dardariba]

Issue:
When dragging items in an x-sort+x-for list on iPhone (Safari/Chrome), some dynamically bound content (via x-text) disappears during the drag action, while static content remains visible. This does not happen on desktop browsers.

Repro Steps:

Use x-sort with x-for and dynamic x-text bindings (see code).

On iPhone, drag an item → Loop-dependent content vanishes during drag, but static references stay visible.

Affected Code:

<ul x-sort x-data="{ numbers: ['One', 'Two', 'Three'], colors: ['===== Red ====', '===== Orange ====', '===== Yellow ===='] }">
  <template x-for="(color, index) in colors" :key="index">
    <li>
      <div x-text="color"></div>         <!-- Disappears during drag (Mobile only) -->
      <div x-text="numbers[index]"></div> <!-- Disappears during drag (Mobile only) -->
      <div x-text="numbers[0]"></div>    <!-- Always visible -->
    </li>
  </template>
</ul>