Caret is out of position

[dvdhoek]

When using custom slots the caret moves to the wrong place.

When I continue typing it goes back to the correct place, right after where I pressed enter. Is this a known issue and is there a fix for it? The code that I'm using:

<section>
    <at :members="organisationDetails.users" name-key="firstName">
        <template slot="item" slot-scope="s">
             <img :src="s.item.avatar" />
             <span class="tag" v-text="s.item.firstName"></span>
        </template>
        <template slot="embeddedItem" slot-scope="s">
            <span><span class="tag" v-text="s.current.firstName"></span></span>
        </template>
        <div class="editor" contenteditable v-html="html"></div>
      </at>
</section>

[yurii-mamchur]

I have same issue! @dvdhoek @fritx any updates on this?

[fritx]

Could you provide a minimal repo or more code? @dvdhoek @yurii-mamchur

Is it related to some specific browsers?

[yurii-mamchur]

@fritx it doesn't work in Chrome only. Reprodusable in any case then you use embeddedItem slot

 <template slot="embeddedItem" slot-scope="s">
      <span><span class="tag" v-text="s.current.firstName"></span></span>
  </template>

same issue here

it happends because embeddedItem has contenteditable='false' if its true everything works as expected.

To fix it you probably should add <br /> to the end of <div contenteditable>