Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

322
Views
Quill Editor: cannot paste any text, input loses focus

I'm trying to paste any random text into the quill@1.3.7 editor, but all of my paste events are pretty much ignored. In addition, the cursor disappears - ie, the <div> loses focus.

Do I have to do something to get basic/default clipboard paste to work? According the docs, those should be turned on by default since they are required.

I have debug turned on, and this is what I see in Chrome.

enter image description here

Here is how I'm initializing the editor:

<div ref="editorElement" class="ql-editor" contenteditable="true"></div>
import Quill from 'quill';

@customElement('quill-editor')
export class QuillEditorComponent {

  @bindable({ defaultBindingMode: bindingMode.twoWay })  value: string;
  editorElement: any;
  editor: Quill;

  attached() { 

    var toolbarOptions = [/* removed for brevity */];

    this.editor = new Quill(this.editorElement, {
    debug: true,
      modules: { 
        toolbar: toolbarOptions,
        clipboard: {
            matchVisual: false
        }
      },
      placeholder: 'I have something to say...',
      theme: 'snow'
    });

    this.editor.root.innerHTML = this.value;
  }
}

UPDATE:

Filed an issue, as this seems to be a Chrome related issue: https://github.com/quilljs/quill/issues/3512

about 4 years ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!