Quill editor sizing

Shows that when added to a fixed-size container, the editor's height is too great (doesn't allow for the toolbar).

HTML

<link rel="stylesheet" href="//cdn.quilljs.com/0.19.10/quill.snow.css">
<script src="//cdn.quilljs.com/0.19.10/quill.js"></script>
<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>
      <button class="ql-italic">Italic</button>
      <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>
     <select title="Size" class="ql-size">
         <option value="10px">Small</option>
         <option value="13px">Normal</option>
         <option value="18px">Large</option>
         <option value="32px" selected>Huge</option>
      </select>
    </div>

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

    </div>
    
</div>

JavaScript

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