handling focus and blur correctly

[Kasheftin]

Steps for Reproduction

quill 1.3.6 is in use;

1. Visit https://codepen.io/kasheftin/pen/BajvZdp;
2. Focus, then click on the button below (outside of the editor);
3. Notice that selection-change event was not triggered;
4. Focus once again;
5. Paste anything using CTRL+V;
6. Notice that editor.root blur, editor.root focus, editor.root focusout, editor.root focusin, wrapper focusout, wrapper focusin events were called incorrectly;

That's related to:
#1397
#1951
#1680

but sadly using the work-around from one issue causes an issue in the other case and vise-versa. I'm stuck. I'm creating this issue to provide an example when nor selection-change, neither quill.root.addEventListener approach works.

We are using quill in the popup in real-time application with auto save. And we need some valid immediate trigger for blur event, that has to be triggered when the close-popup-button is pressed.

[bviala]

Also duplicate of #2186

In your case, you could add an event listener on your button and do a save when it's clicked. Or replace the button by a div and selection-change will trigger.

[benbro]

Answered.