learning editor.js, why renderAction() disappears

[Florian418]

Hi, I'm trying to understand how editor.js works. I've been following the documentation on 'creating a block tool' and have now moved on to the section about 'Creating an Inline Tool.' To learn more, I’m studying this editorjs-hyperlink:

However, I'm running into an issue with renderActions(). When I click on the inline button, the renderActions() implementation briefly appears but then immediately disappears. This started happening as soon as I began writing code in the surround() method, but I don't understand why this is happening and how to fix it.

demo.mp4

And an example "marker button" here: demo
The source code: code

Thank you for your help.

[Florian418]

Ok, I understand that I'm not managing the event listener correctly. I will work on this. Sorry for the inconvenience.

[Temmermans]

Hey @Florian418 Im having the same issue. How did you resolve this?

[Tomsgu]

The documentation is not updated to the new version I suppose, because it's working exactly as it's in the video. I am trying to understand what is the problem too. I wish you marked the response with a solution.

[chaegumi]

I may know the problem, checkState needs to return a value

    checkState(){
        const mark = this.api.selection.findParentTag(this.tag);

        this.state = !!mark;
        // console.log(this.state);
        if(this.state){
            this.showActions(mark);
            // this.colorPicker.style.display = 'block';
        }else{
            // this.hideActions();
        }

        return this.state; // important
    }

https://github.com/codex-team/editor.js/blob/next/docs/tools-inline.md#return-value-2

[Tomsgu]

Oh I completely missed the (version: next) documentation and of course I didn't realized that change in the link tool either.

Thanks for pointing that for us!