Unable to copy rendered text when input is readonly

[mokkymiah]

Steps to reproduce:

1. Render input with readonly flag set to true and any text value e.g "Hello world"
2. Using your mouse highlight the visible text
3. Right click on your mouse
4. Select copy
5. Paste anywhere eg notepad.

Expected behaviour: Pasted value is "Hello world" Observed behaviour: empty Workaround: None so far

[nikhil2kumar]

Were you able to find a solution for this?

[student513]

It's not the right way, but it can be solved with expediency.

<MentionsInput
  // disabled
  value={value}
  spellCheck={false} // optional
  style={{
    ...mentionsInputDefaultStyle,
    control: {
      caretColor: 'transparent',
    },
  }}
>

It looks the same as using 'disabled'.

[rudnitskih]

Add a reproducible example to show the issue: https://codesandbox.io/s/react-mentions-disabled-issue-zb33x?file=/src/App.js