vue-select icon indicating copy to clipboard operation
vue-select copied to clipboard

Retain text on click (for copying value to clipboard)

Open TheJaredWilcurt opened this issue 3 years ago • 1 comments

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.

TheJaredWilcurt avatar Sep 21 '21 15:09 TheJaredWilcurt

This is something I'm interested / working on as well.

CordMarston avatar Jan 14 '22 22:01 CordMarston