v-html can not reselect content when content change!

Version

2.5.2

Reproduction link

https://jsfiddle.net/weituotian/0rc7zq1b/5/

Steps to reproduce

• select h11111111111111111
• click rerender button
• then you can see the selected can not be reselected

What is expected?

I hope I can update incrementally so that my html content can be selected back to the previous selection.

What is actually happening?

If the html changes, then the window.getSelection().addRange can not choose to go back to the previous content.

[Justineo]

Calm down plz.

it is because vue update the html, and there is impossible to reselect the previous selection!!!

Of course you can, you just need to decide how to record previous selections yourself, even with v-html.

Vue should be responsible for the issue after updating the dom element!

Absolutely not. By using v-html like this you are explicitly re-rendering all existing content, that’s why the selections are discarded. If you are just appending content, just try to keep previous content as much as possible and the selection will be preserved.

You can check on this: http://jsfiddle.net/eywraw8t/143042/

And btw, don’t take free help for granted.

[AfterThreeYears]

@Justineo The example may be written in error, It should be so

this.contents.push(Math.floor(Math.random() * 3))