thibaud-lclr/api-client
1
0
Fork 0
Code Packages Activity Actions

Fixed url-field bug with caret reset due to v-model update

Browse source
This commit is contained in:
Andrew Bastin 2020-09-20 00:57:09 -04:00
parent 5810c5544a
commit 782eb29aac
1 changed files with 7 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
components/ui/url-field.vue
View file

@ -22,6 +22,7 @@ export default {
},
data() {
return {
cacheValue: null,
unwatchValue: null,
}
},
@ -29,10 +30,13 @@ export default {
this.$refs.editor.addEventListener("input", this.updateEditor)
this.$refs.editor.textContent = this.value || ""
this.cacheValue = this.value || ""
this.unwatchValue = this.$watch(
() => this.value,
(newVal) => {
if (this.$refs.editor) this.$refs.editor.textContent = newVal || ""
if (this.$refs.editor && this.cacheValue !== newVal)
this.$refs.editor.textContent = newVal || ""
this.updateEditor()
}
)
@ -117,6 +121,8 @@ export default {
sel.setBaseAndExtent(anchorNode, anchorIndex, focusNode, focusIndex)
},
updateEditor() {
this.cacheValue = this.$refs.editor.textContent
const sel = window.getSelection()
const textSegments = this.getTextSegments(this.$refs.editor)
const textContent = textSegments.map(({ text }) => text).join("")