Quill Font Size Issue

Change the font size from the toolbar to 'Normal'. Then start typing - the font will immediately revert to 'Large'.

by Dhanck

HTML

<script src="//cdn.quilljs.com/0.20.0/quill.js"></script>
<link rel="stylesheet" href="//cdn.quilljs.com/0.20.0/quill.snow.css">
<div id="container" style="height:400px; border: 1px solid #000;">

    <!-- Create the toolbar container -->
    <div id="toolbar">
      <span class="ql-bold ql-format-button"></span>
      <select title="Font" class="ql-font">
        <option value="sans-serif">Sans Serif</option>
        <option value="Georgia, serif">Serif</option>
        <option id="normalFont" value="Monaco, 'Courier New', monospace" selected>Monospace</option>
     </select>
     <input type="number" list="font-size">
     <datalist id="font-size" title="Size" class="ql-size">
         <option value="10px">10</option>
         <option value="12px">12</option>
         <option value="18px" selected>18</option>
         <option value="32px">32</option>
      </datalist>
    </div>

    <!-- Create the editor container -->
    <div id="editor">

    </div>
    
</div>

CSS

.ql-editor {
    font-size: 18px;
}

JavaScript

var configs = {
    theme: 'snow',
    modules: {'toolbar': { container: '#toolbar' }}
};
var quill = new Quill('#editor', configs);