Missing selection-change event when editor loses focus by clicking a button

Steps for Reproduction

1. Visit https://codepen.io/medihack/pen/GBRYXw
2. Select the editor to focus it. A selection-change event is correctly fired (see console).
3. Click the “Click me” button below the editor. No selection event is fired.

Expected behavior:

A selection-change event should be fired with a null range when the editor loses focus when clicking a button somewhere else.

Actual behavior:

The selection-change event is not fired when the editor loses focus by clicking on a button.

Platforms:

Chrome (67.0.3396.99) on Windows 10.

Version:

Quill 1.3.6

[luthfimasruri]

Problem: loses selection when i click some toolbar menus, especially the dropdown one Solution: Trapping the mousedown on toolbar container and calling e.preventDefault()

quill.getModule("toolbar").container.addEventListener("mousedown", (e) => {
  e.preventDefault();
});

[ashconnell]

We needed to know when the selection-change range changes to null so that we can send it off via WebSocket to sync cursors.

The documentation (https://quilljs.com/docs/api/#selection-change shown in the screenshot below) says that you can use this to be notified of selection loss but the event is never triggered when the editor is blurred.

To fix our problem we just got a hold of the editor element and listened for blur like so:

const quill = new Quill(/* config */)
quill.editor.scroll.domNode.addEventListener('blur', () => {
  // ... do stuff here, in our case we send cursor range:null to the server
})