lightning-input-rich-text value property does not correspond to the actual content displayed

Question

let editorContents = this.template.querySelector("lightning-input-rich-text.myclass").value;

the above line returns null when the contents of the editor has just one word. After I type a space the above line seems to return the actual content.

This definitely is a bug. So, what's the workaround for getting the actual value of the rich text editor without asking users to type a space?

Answer 1

This worked for me

HTML

 lightning-input-rich-text
        class="myclass"
        value={myVal}
        onchange={handleChange}>
    </lightning-input-rich-text>

JS:

    handleChange(event) {

        this.myVal = event.target.value;

        let editorContents = this.template.querySelector("lightning-input-rich-text.myclass").value;

        console.log('editorContents2=',editorContents);   //prints the value 
    }