# YAML editor - disappearing text with autocompletion

**URL:** <https://discuss.codemirror.net/t/yaml-editor-disappearing-text-with-autocompletion/8910>\
**Category:** v6\
**Created:** [December 16, 2024, 1:03pm UTC](https://discuss.codemirror.net/t/yaml-editor-disappearing-text-with-autocompletion/8910 "2024-12-16T13:03:57Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![mdb](https://discuss.codemirror.net/letter_avatar_proxy/v4/letter/m/71e660/32.png) [@mdb](https://discuss.codemirror.net/u/mdb)\
**Post date:** [December 16, 2024, 1:03pm UTC](https://discuss.codemirror.net/t/yaml-editor-disappearing-text-with-autocompletion/8910/1 "2024-12-16T13:03:58Z")

</div>

I found an issue while creating the yaml editor. The editor uses the codemirror-json-schema library for validation and autocomplete.  
When I start typing the first valid keyword and select a suggestion from the autocomplete, some text below disappears.

![issue](https://discuss.codemirror.net/uploads/default/original/2X/3/35df7f4e87ed57dbfdf18fbb965e1ca909c5aaa9.gif)

In the other lines everything is fine.

![ok](https://discuss.codemirror.net/uploads/default/original/2X/5/595da3c9a133aef6ad2a981db217644a46113fb0.gif)

I created a simple project where you can reproduce the problem:  
[https://stackblitz.com/edit/stackblitz-starters-czn7wmcr?file=src%2Fmain.ts](https://stackblitz.com/edit/stackblitz-starters-czn7wmcr?file=src%2Fmain.ts)

I’m not sure if it’s a Codemirror or codemirror-json-schema issue.  
Any ideas?  
Thanks

---

<div class="post-metadata">

**Author:** ![marijn](https://discuss.codemirror.net/user_avatar/discuss.codemirror.net/marijn/32/136_2.png) [@marijn](https://discuss.codemirror.net/u/marijn)\
**Post date:** [December 16, 2024, 2:29pm UTC](https://discuss.codemirror.net/t/yaml-editor-disappearing-text-with-autocompletion/8910/2 "2024-12-16T14:29:22Z")

</div>

I’d lean towards suspecting codemirror-json-schema, but if you can reproduce something like this without 3rd-party extensions let me know.

---

<div class="post-metadata">

**Author:** ![mdb](https://discuss.codemirror.net/letter_avatar_proxy/v4/letter/m/71e660/32.png) [@mdb](https://discuss.codemirror.net/u/mdb)\
**Post date:** [December 16, 2024, 3:08pm UTC](https://discuss.codemirror.net/t/yaml-editor-disappearing-text-with-autocompletion/8910/3 "2024-12-16T15:08:29Z")

</div>

Thanks for reply.

@acao  
Can you take a look?. I can see exactly the same behavior in example at [https://codemirror-json-schema.netlify.app/](https://codemirror-json-schema.netlify.app/)

---

<div class="post-metadata">

**Author:** ![acao](https://discuss.codemirror.net/user_avatar/discuss.codemirror.net/acao/32/3522_2.png) [@acao](https://discuss.codemirror.net/u/acao)\
**Post date:** [December 17, 2024, 6:17pm UTC](https://discuss.codemirror.net/t/yaml-editor-disappearing-text-with-autocompletion/8910/4 "2024-12-17T18:17:02Z")

</div>

@mdb thanks for reporting the bug, can you open a ticket in our github?

> **[Issues · jsonnext/codemirror-json-schema](https://github.com/jsonnext/codemirror-json-schema/issues)**
>
> A JSONSchema enabled mode for codemirror 6, for json4 and json5, inspired by monaco-json - Issues · jsonnext/codemirror-json-schema

---

<div class="post-metadata">

**Author:** ![mdb](https://discuss.codemirror.net/letter_avatar_proxy/v4/letter/m/71e660/32.png) [@mdb](https://discuss.codemirror.net/u/mdb)\
**Post date:** [December 18, 2024, 1:35pm UTC](https://discuss.codemirror.net/t/yaml-editor-disappearing-text-with-autocompletion/8910/5 "2024-12-18T13:35:54Z")

</div>

Issue submitted. Thanks!