vue-select
vue-select copied to clipboard
Retain text on click (for copying value to clipboard)
Is your feature request related to a problem? Please describe.
Our user's can see the selected value on page load, and they want to click/drag, highlight, the text to copy the value. However on click, the value becomes a placeholder.
Describe the solution you'd like
Have a prop called :retainTextOnClick="true"
(or something similar) (highlightSelectedValueOnClick
, retainTextOnFocus
, etc).
Then on click the value would stay in the input field and instantly become highlighted, so they can just start typing to replace the text, or hit CTRL+C to copy it. The contents of the dropdown should not change (search/filter) based on the value on click, only if they the value is changed (keyup). It's important to be highlighted on click, so the user doesn't have to backspace 20 times to start typing (initiating lots of network calls for searches)
Describe alternatives you've considered
A button next to the dropdown that when clicked sets the user's clipboard to the value. It looks ugly, it replaces the clipboard contents automatically which they may not want if unfamiliar with the button, and we need to decide on every use of the dropdown component whether the user will want to be able to copy the value and if this ugly button is needed. No one likes this.
This is something I'm interested / working on as well.