Be able to copy text from READONLY Input

Develop, Build & Integrate CMS Development
1

Hello team,
Currently I am using an Input element (Accounts Dashboard | HubSpot) with the readonly property set as ‘true’ to display data in a private app. The ‘problem’ I am facing is I can NOT copy the text displayed in those Inputs.
So I would like to ask you if you know if there is a way to be able to copy the displayed text?
HINT: I cannot allow the user to “edit” those INPUTs.
Thank you very much in advance!
Regards,
Gabriel

2

Hi @GLopez13! Welcome to the Community-- happy to have you here :blush:

I want to invite some subject matter experts to see if they have any suggestions.

Hey @evaldas, @BarryGrennan, @GRajput do you have any thoughts on this?

3

Hi @GLopez13,

That should be possible by default. Confirming that I am able to create a read-only input field, which allows me to copy the value from that field.

Example in Chrome, where I select the text from the read-only input and right-click to copy:

evaldas_0-1739933149248.png
evaldas_0-1739933149248.png380×146 23.1 KB

The code used here is:

<Input
 label="Sample Field"
 name="samplefield"
 value="This is a Read-Only value"
 readOnly 
/>

Hope this helps!