Synchronization Issues with Special Characters

[curran]

I just found a bug in the real-time synchronization. One theory is that it's because of the special characters:

What I see after typing d:

What the server sees after typing d (if I refresh I see this):

It looks like the insertion cursor of off by one.

Possibly due to the emoji?

<script>
  const foo =
    'Hello, world! 😊 Привет, мир! こんにちは世界"'
;
 
const data = [
    { x: 155, y: 384, r: 20, fill: '#00F' },
    { x: 340, y: 238, r: 52, fill: '#FF0AAE' },
    { x: 531, 
d 151, 
: 20, 
ill: '#00E1FF' },
    { x: 482, y: 307, r: 147, fill: '#7300FF' },
    { x: 781, y: 91, r: 61, fill: '#0FFB33' },
    { x: 668, y: 229, r: 64, fill: '#D400FF' },
  ];
</script>
 m
ain> 
 <svg width="1000" height="500">
    {#each data as { x, y, r, fill }}
      <circle cx={x} cy={y} {r} {fill} />
    {/each}
  </svg>
</main>

<style>
  svg {
    background: #f3fff0;
  }

  circle {
    opacity: calc(708 / 1000);
  }
</style>