   overflow-x: visible;
   overflow-y: visible;
 }
+.ql-editor {
+  min-height: 120px;
+}
 .ql-container:after{
   content: attr(data-placeholder);
   left: 0;

        [DIV 
          id: 'toolbar'
          style: 
            position: 'fixed'
            top: 0
            backgroundColor: '#e7e7e7'
            boxShadow: '0 1px 2px RGBA(0,0,0,.2)'
            zIndex: 999
            padding: '0 12px'
            display: if wysiwyg_editor.showing == @props.key then 'block' else 'none'

          I 
            className: "ql-bullet fa fa-list-ul"
            style: toolbar_button_style
            title: 'Bulleted list'

          I 
            className: "ql-list fa fa-list-ol"
            style: toolbar_button_style
            title: 'Numbered list'

          I 
            className: "ql-bold fa fa-bold"
            style: toolbar_button_style
            title: 'Bold'

          I 
            className: "ql-link fa fa-link"
            style: toolbar_button_style
            title: 'Link'

          # I 
          #   className: "ql-image fa fa-image"
          #   style: toolbar_button_style
          #   title: 'Insert image'

          if fetch('/current_user').is_super_admin
            I
              className: 'fa fa-code'
              style: toolbar_button_style
              onClick: => @local.edit_code = true; save @local


        DIV 

      @local.initialized = true
      save @local; save my_data

    show_placeholder = (!my_data.html || (@editor?.getText().trim().length == 0)) && !!@props.placeholder

    toolbar_items = [
      {
        className: "ql-bullet fa fa-list-ul", 
        title: 'Bulleted list'
      },{
        className: "ql-list fa fa-list-ol", 
        title: 'Numbered list'
      },{
        className: "ql-bold fa fa-bold", 
        title: 'Bold'
      },{
        className: "ql-link fa fa-link", 
        title: 'Link'
      }, 
      # {
      #   className: "ql-image fa fa-image", 
      #   title: 'Insert image'
      # },
    ]

    if fetch('/current_user').is_super_admin
      toolbar_items.push 
        className: 'fa fa-code'
        title: 'Directly edit HTML'
        onClick: => @local.edit_code = true; save @local


    DIV 
      id: @props.key
      style: _.extend {}, @props.style,
        position: 'relative'

      onClick: (ev) -> 
        # Catch any clicks within the editor area to prevent the 
        # toolbar from being hidden via the root level 
