Improve Paste and Match Style operations in Chrome

Work around https://bugs.chromium.org/p/chromium/issues/detail?id=934448

Author: javan

src/trix/controllers/level_2_input_controller.coffee

@@ -40,6 +40,16 @@ class Trix.Level2InputController extends Trix.InputController
  event.preventDefault()
  @attachFiles(event.clipboardData.files)
 
+ else if pasteEventHasPlainTextOnly(event)
+ event.preventDefault()
+ paste =
+ type: "text/plain"
+ string: event.clipboardData.getData("text/plain")
+ @delegate?.inputControllerWillPaste(paste)
+ @responder?.insertString(paste.string)
+ @render()
+ @delegate?.inputControllerDidPaste(paste)
+
  beforeinput: (event) ->
  if handler = @inputTypes[event.inputType]
  @withEvent(event, handler)
@@ -392,6 +402,11 @@ class Trix.Level2InputController extends Trix.InputController
  clipboard.types.length is 1 and
  clipboard.files.length >= 1
 
+ pasteEventHasPlainTextOnly = (event) ->
+ if clipboard = event.clipboardData
+ "text/plain" in clipboard.types and
+ clipboard.types.length is 1
+
  keyboardCommandFromKeyEvent = (event) ->
  command = []
  command.push("alt") if event.altKey

test/src/system/level_2_input_test.coffee

@@ -1,4 +1,4 @@
-{assert, after, clickToolbarButton, defer, insertString, isToolbarButtonActive, selectAll, test, testIf, testGroup, triggerEvent, triggerInputEvent} = Trix.TestHelpers
+{assert, after, clickToolbarButton, defer, insertString, insertNode, isToolbarButtonActive, selectAll, test, testIf, testGroup, triggerEvent, triggerInputEvent, typeCharacters} = Trix.TestHelpers
 
 test = ->
  testIf(Trix.config.input.getLevel() is 2, arguments...)
@@ -160,6 +160,20 @@ testGroup "Level 2 Input", testOptions, ->
  assert.equal attachments.length, 0
  expectDocument "abc\n"
 
+ # "beforeinput" event is not fired for Paste and Match Style operations
+ # - https://bugs.chromium.org/p/chromium/issues/detail?id=934448
+ test "Paste and Match Style in Chrome", (expectDocument) ->
+ done = -> expectDocument("a\n\nb\n\nc\n")
+ typeCharacters "a\n\n", ->
+ clipboardData = createDataTransfer("text/plain": "b\n\nc")
+ pasteEvent = createEvent("paste", {clipboardData})
+ if document.activeElement.dispatchEvent(pasteEvent)
+ node = document.createElement("div")
+ node.innerHTML = """<div>b</div><div><br></div><div>c</div>"""
+ insertNode(node, done)
+ else
+ requestAnimationFrame(done)
+
 
 createFile = (callback) ->
  canvas = document.createElement("canvas")