A problem when i Enter keypress after i write an invalid matche

[joaolavoier]

When i write an invalid matche and i type Enter key, and after this i try to write again there is an issue. I think that the Atwho lib is not removing the selection of the before node. This is happening on the contenteditable.

[patrinhani-ciandt]

👍

[ichord]

What is the issue?
Please give me a demo.

[JeanCarriere]

👍
Similarly, if you have the option highlightFirst: false, and you begin a match then hit ENTER, the span atwho-query is note removed and causes bugs when you write again.

[joaolavoier]

@ichord Do you understand?
I resolve this issue not allowing type ENTER into a highlight, but its not a good practice.

[hendry91]

Hi, I having the same problem, any solution?

[hendry91]

hi @joaolavoier,
May I know how u add the code for not allowing type ENTER into a highlight?
I having the similiar problem,
eg: I got data "test", when I :

1. type #test1
2. ENTER
3. type g
4. my result become

#test1g

instead of

#test1
g

[joaolavoier]

Off course @hendry91,

But im using the rangy lib to work with the node in contenteditable.

Follow some methods that i create to do it.

constructor() {
    this.contentEditor.on("keydown", this.onKeyDownEditor)
}

getElementNodeSelected(){
    let sel = rangy.getSelection();
    let rangeSelection = sel.getRangeAt(0);
    return rangeSelection.commonAncestorContainer.parentNode;
}

isHighLightNode(node){
    return node.tagName === 'SPAN' ? true : false;
}

onKeyDownEditor(event){
    let keyCode = event.keyCode;
    let selectedNode = this.getElementNodeSelected();

    if (keyCode === 13) {
        if (this.isHighLightNode(selectedNode)){
            event.preventDefault();
        }
    }
}

But its not a good practice. 😞

The better idea should be, the At.js lib remove the highlight if the match is not a real tag.