Hi there, like stated in the subject I can't paste a hex value into

Confirmed. Mac OS X 10.14.6 here. CMD + v works in: <ul dir="aut

Filed webkit bug here: <a href="https://bugs.webkit.org/show_bug.cgi?id=208088" re

Can't paste values through CMD+V in Safari Mac 13.0.5 about whocanuse HOT 5 CLOSED

coreyginnivan commented on June 1, 2024

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

from whocanuse.

Comments (5)

aesyondu commented on June 1, 2024

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.

from whocanuse.

aesyondu commented on June 1, 2024

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)