Paste Firefox input contenteditable false

[epascarello]

Paste/arrow keys not working with input inside of editor

I have a template for articles where it has an non content editable region in the middle with an input so they can link to a given twitter embed code. So all it is a single form element. Chrome and Safari appear to work without any issues. Firefox on the otherhand has issues.

<div class="editable">
  <p>Content</p>
  <div contenteditable="false">
      <label>Embed<input type="text" placeholder="embed href"></label>
  </div>
  <p>More content</p>
</div>

Steps to reproduce

1. In Firefox (standard or dev edition), go to https://jsfiddle.net/t7wddc6e/ or create test page with code above and init editor
2. Click on textbox
3. Paste any text into textbox with CTRL + V

Expected behavior: Text to be pasted into textbox

Actual behavior: Text is placed on top of textbox, error Error: Permission denied to access property "nodeType" appears in the console.

Link to an example: https://jsfiddle.net/t7wddc6e/

Versions

• medium-editor: latest
• browser: Firefox 47+
• OS: OSX