Adding a custom blot with button on toolbar opens a strange popup (v1.3.6)

[64jcl]

So I created the simplest blot to insert a HR based on code examples I found, added it too my toolbar (and styled its appearance using css). This works fine but when I click the button a strange popup asks me to write the name of the blot in order for it to actually add the HR tag. I also tried adding my own click listener but that seems then to be called after this popup is shown. I have tried debugging and it seems to come from the quilljs handler that it adds to this button for some reason.

	class Divider extends BlockEmbed {
		static blotName = 'divider';
		static tagName = 'hr';
	}
	Quill.register(Divider);

Here is an image of the popup that it shows.

[64jcl]

Ok I found the solution to this here:

https://stackoverflow.com/questions/37525867/how-can-i-add-a-new-format-hr-tag-to-quill-js

From that I learned that you can add a custom handler for a toolbar button like this (assuming this.quill is the quill instance):

const tb = this.quill.getModule('toolbar');
tb.addHandler('divider', this.dividerHandler.bind(this));

and then in my dividerhandler I have this:

dividerHandler() {
	const range = this.quill.getSelection(true);
	this.quill.insertText(range.index, '\n', Quill.sources.USER);
	this.quill.insertEmbed(range.index + 1, 'divider', true, Quill.sources.USER);
	this.quill.setSelection(range.index + 2, Quill.sources.SILENT);
}