Can't paste values through CMD+V in Safari Mac 13.0.5

[helloatilla]

Hi there,

like stated in the subject I can't paste a hex value into the input fields with a CMD+V shortcut in Safari 13.0.5. I'm running Safari on Mojave.

Best regards,
Atilla

[aesyondu]

Confirmed. Mac OS X 10.14.6 here.

CMD + v works in:

• Google Chrome 80.0.3987.116 (Official Build) (64-bit)
• Firefox 74.0b6

I wonder what it could be.

[aesyondu]

Here are my findings:

In src/components/control/background.js, the first HexWrapper:

        onKeyPress={e => {
          console.log(123, e)
          const result = e.key.match(/[^0-9a-fA-F]/)
          console.log(444, result)
          if (result) {
            e.preventDefault()
          }
        }}
        onPaste={e => {
          console.log(456, e)
          const text = e.clipboardData.getData('Text')
          e.preventDefault()
          if (chroma.valid(text)) {
            setBackground(
              chroma(text)
                .alpha(1)
                .hex()
                .replace('#', ''),
            )
          }
        }}

Google Chrome outputs:

456 Class {dispatchConfig: {…}, _targetInst: FiberNode, nativeEvent: ClipboardEvent, type: "paste", target: input.css-dwtz5p-HexWrapper.elv6yn64, …}

Safari outputs:

[Log] 123 – Class {dispatchConfig: {phasedRegistrationNames: {bubbled: "onKeyPress", captured: "onKeyPressCapture"}, dependencies: ["keypress"], eventPriority: 0}, _targetInst: FiberNode, _dispatchListeners: function, …} (commons.js, line 67529)
Class {dispatchConfig: {phasedRegistrationNames: {bubbled: "onKeyPress", captured: "onKeyPressCapture"}, dependencies: ["keypress"], eventPriority: 0}, _targetInst: FiberNode, _dispatchListeners: function, _dispatchInstances: FiberNode, nativeEvent: KeyboardEvent, …}Class
[Log] 444 – ["v"] (1) (commons.js, line 67529)

I'm not sure why they take different code paths.

[aesyondu]

Filed webkit bug here:
https://bugs.webkit.org/show_bug.cgi?id=208088

Relevant demo:
https://codepen.io/aesyondu/pen/KKpNXEX

[aesyondu]

Temporary workaround:
Right click > Paste

[CoreyGinnivan]

Absolute legend, thanks!