QEditor: clicking away from linkEditor leaves a broken link

[robgwin]

What happened?

In q-editor, select some text, click the link button, paste in a URL. Instead of hitting enter or "update", click back into the main editor to continue writing. It looks like you've successfully added the link, so you carry on, unaware that it saved as "https://" because you didn't apply it.

What did you expect to happen?

Either:

A. If I haven't actually applied the URL, the text should not appear as linked, or

B. The link should be applied when I click away from the link editor

I think option B probably makes more sense, because it also handles the scenario of re-editing an existing link, and I think it matches what a typical user would expect (No other editor content requires an explicit "update" action.)

It seems like this could be accomplished by adding an onBlur() callback after the onKeydown callback in editor-utils.js:getLinkEditor()

        onBlur: () => {
          updateLink()
        },

Reproduction URL

https://stackblitz.com/edit/quasarframework-stackblitz-templates-fysxxjxb?file=src%2Fpages%2FIndexPage.vue

How to reproduce?

(Note you can also reproduce this directly on https://quasar.dev/vue-components/editor)

1. Select any unlinked word and click the link tool
2. Paste in a URL (do not hit enter or update)
3. Click in the main editor window
4. Notice the word appears linked
5. Select the word again and click the link tool
6. Notice the link is actually 'https://'

Flavour

Quasar CLI with Vite (@quasar/cli | @quasar/app-vite)

Areas

Components (quasar)

Platforms/Browsers

Chrome

Quasar info output

Relevant log output

Additional context

No response

[github-actions]

Hi @robgwin! 👋

It looks like you provided an invalid or unsupported reproduction URL.
Do not use any service other than Codepen, jsFiddle, StackBlitz, CodeSandbox, and GitHub.
Make sure the URL you provided is correct and reachable. You can test it by visiting it in a private tab, another device, etc.
Please edit your original post above and provide a valid reproduction URL as explained.

Without a proper reproduction, your issue will have to get closed.

Thank you for your collaboration. 👏

[robgwin]

The issue can be reproduced directly on the quasar.dev demo page, but I've added a StackBlitz now to satisfy the requirement.