From 5502b7c88662b3ab19d76834699890613d399b3b Mon Sep 17 00:00:00 2001
From: Nicolas Echezarreta <nicoecheza@gmail.com>
Date: Tue, 12 Nov 2024 05:39:28 -0800
Subject: [PATCH] add auto-select to TextField component (#1034)

---
 .../ActionInspector/ActionInspector.tsx        |  4 ++++
 .../CloneEntityAction/CloneEntityAction.tsx    |  3 +++
 .../FollowPlayerAction/FollowPlayerAction.tsx  |  2 ++
 .../MovePlayerAction/MovePlayerAction.tsx      |  3 +++
 .../OpenLinkAction/OpenLinkAction.tsx          |  1 +
 .../PlayAudioStreamAction.tsx                  |  2 +-
 .../PlayVideoStreamAction.tsx                  |  2 +-
 .../SetPositionAction/SetPositionAction.tsx    |  3 +++
 .../SetRotationAction/SetRotationAction.tsx    |  3 +++
 .../SetScaleAction/SetScaleAction.tsx          |  3 +++
 .../ShowImageAction/ShowImageAction.tsx        |  6 +++---
 .../ShowTextAction/ShowTextAction.tsx          |  4 ++--
 .../TeleportPlayerAction.tsx                   |  2 ++
 .../TriggerProximityAction.tsx                 |  2 ++
 .../TweenAction/TweenAction.tsx                |  3 +++
 .../AnimatorInspector/AnimatorInspector.tsx    |  2 +-
 .../AudioStreamInspector.tsx                   |  2 +-
 .../CounterBarInspector.tsx                    |  2 +-
 .../CounterInspector/CounterInspector.tsx      |  2 +-
 .../MeshColliderInspector.tsx                  |  4 ++--
 .../MeshRendererInspector.tsx                  |  4 ++--
 .../NftShapeInspector/NftShapeInspector.tsx    |  2 ++
 .../PointerEventsInspector.tsx                 |  1 +
 .../Layout/ModeAdvanced/ModeAdvanced.tsx       |  4 ++--
 .../SceneInspector/SceneInspector.tsx          | 13 ++++++++++---
 .../ActionView/ActionView.tsx                  |  1 +
 .../CounterBarView/CounterBarView.tsx          |  1 +
 .../SmartItemBasicView/NftView/NftView.tsx     |  2 ++
 .../PointerEventView/PointerEventView.tsx      |  1 +
 .../SmartItemBasicView/VideoView/VideoView.tsx |  2 +-
 .../StatesInspector/StatesInspector.tsx        |  1 +
 .../TextShapeInspector/TextShapeInspector.tsx  | 14 +++++++-------
 .../TransformInspector/TransformInspector.tsx  | 18 +++++++++---------
 .../TriggerCondition/TriggerCondition.tsx      |  2 ++
 .../TweenInspector/TweenInspector.tsx          | 12 ++++++------
 .../VideoPlayerInspector.tsx                   |  2 +-
 .../src/components/ImportAsset/ImportAsset.tsx |  2 +-
 .../ui/Dropdown/OptionList/OptionList.tsx      |  1 +
 .../ui/FileUploadField/FileUploadField.tsx     |  1 +
 .../src/components/ui/TextField/TextField.tsx  |  2 ++
 .../src/components/ui/TextField/types.ts       |  1 +
 .../components/ui/WalletField/WalletField.tsx  |  1 +
 42 files changed, 98 insertions(+), 45 deletions(-)

diff --git a/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/ActionInspector.tsx b/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/ActionInspector.tsx
index 591934a5d..94435721d 100644
--- a/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/ActionInspector.tsx
+++ b/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/ActionInspector.tsx
@@ -673,6 +673,7 @@ export default withSdk<Props>(({ sdk, entity: entityId }) => {
                 type="number"
                 value={getPartialPayload<ActionType.SET_COUNTER>(action)?.counter}
                 onChange={(e: React.ChangeEvent<HTMLInputElement>) => handleChangeCounter(e, idx)}
+                autoSelect
               />
             </div>
           </div>
@@ -687,6 +688,7 @@ export default withSdk<Props>(({ sdk, entity: entityId }) => {
                 type="number"
                 value={getPartialPayload<ActionType.INCREMENT_COUNTER>(action)?.amount}
                 onChange={(e: React.ChangeEvent<HTMLInputElement>) => handleChangeAmount(e, idx)}
+                autoSelect
               />
             </div>
           </div>
@@ -701,6 +703,7 @@ export default withSdk<Props>(({ sdk, entity: entityId }) => {
                 type="number"
                 value={getPartialPayload<ActionType.DECREASE_COUNTER>(action)?.amount}
                 onChange={(e: React.ChangeEvent<HTMLInputElement>) => handleChangeAmount(e, idx)}
+                autoSelect
               />
             </div>
           </div>
@@ -958,6 +961,7 @@ export default withSdk<Props>(({ sdk, entity: entityId }) => {
                 onChange={(e) => handleChangeName(e, idx)}
                 onFocus={handleFocusInput}
                 onBlur={handleFocusInput}
+                autoSelect
               />
               <Dropdown
                 label="Select an Action"
diff --git a/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/CloneEntityAction/CloneEntityAction.tsx b/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/CloneEntityAction/CloneEntityAction.tsx
index e72139cd5..ee6f83a4f 100644
--- a/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/CloneEntityAction/CloneEntityAction.tsx
+++ b/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/CloneEntityAction/CloneEntityAction.tsx
@@ -91,18 +91,21 @@ const CloneEntityAction: React.FC<Props> = ({ value, onUpdate }: Props) => {
           type="number"
           value={payload.position?.x}
           onChange={(e: React.ChangeEvent<HTMLInputElement>) => handleChangePositionX(e)}
+          autoSelect
         />
         <TextField
           leftLabel="Y"
           type="number"
           value={payload.position?.y}
           onChange={(e: React.ChangeEvent<HTMLInputElement>) => handleChangePositionY(e)}
+          autoSelect
         />
         <TextField
           leftLabel="Z"
           type="number"
           value={payload.position?.z}
           onChange={(e: React.ChangeEvent<HTMLInputElement>) => handleChangePositionZ(e)}
+          autoSelect
         />
       </div>
     </div>
diff --git a/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/FollowPlayerAction/FollowPlayerAction.tsx b/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/FollowPlayerAction/FollowPlayerAction.tsx
index 576d172fa..f0589a341 100644
--- a/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/FollowPlayerAction/FollowPlayerAction.tsx
+++ b/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/FollowPlayerAction/FollowPlayerAction.tsx
@@ -83,12 +83,14 @@ const FollowPlayerAction: React.FC<Props> = ({ value, onUpdate }: Props) => {
           type="text"
           value={payload.speed}
           onChange={(e: React.ChangeEvent<HTMLInputElement>) => handleChangeSpeed(e)}
+          autoSelect
         />
         <TextField
           label="Min. Distance"
           type="text"
           value={payload.minDistance}
           onChange={(e: React.ChangeEvent<HTMLInputElement>) => handleChangeMinDistance(e)}
+          autoSelect
         />
       </Block>
       <Block label="Axes">
diff --git a/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/MovePlayerAction/MovePlayerAction.tsx b/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/MovePlayerAction/MovePlayerAction.tsx
index 68317c809..c36e0276d 100644
--- a/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/MovePlayerAction/MovePlayerAction.tsx
+++ b/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/MovePlayerAction/MovePlayerAction.tsx
@@ -91,18 +91,21 @@ const MovePlayerAction: React.FC<Props> = ({ value, onUpdate }: Props) => {
           type="number"
           value={payload.position?.x}
           onChange={(e: React.ChangeEvent<HTMLInputElement>) => handleChangePositionX(e)}
+          autoSelect
         />
         <TextField
           label="Y"
           type="number"
           value={payload.position?.y}
           onChange={(e: React.ChangeEvent<HTMLInputElement>) => handleChangePositionY(e)}
+          autoSelect
         />
         <TextField
           label="Z"
           type="number"
           value={payload.position?.z}
           onChange={(e: React.ChangeEvent<HTMLInputElement>) => handleChangePositionZ(e)}
+          autoSelect
         />
       </div>
     </div>
diff --git a/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/OpenLinkAction/OpenLinkAction.tsx b/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/OpenLinkAction/OpenLinkAction.tsx
index b4969333f..209e796c7 100644
--- a/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/OpenLinkAction/OpenLinkAction.tsx
+++ b/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/OpenLinkAction/OpenLinkAction.tsx
@@ -39,6 +39,7 @@ const OpenLinkAction: React.FC<Props> = ({ value, onUpdate }: Props) => {
           label="URL"
           value={payload.url}
           onChange={(e: React.ChangeEvent<HTMLInputElement>) => handleChangeEmote(e)}
+          autoSelect
         />
       </div>
     </div>
diff --git a/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/PlayAudioStreamAction/PlayAudioStreamAction.tsx b/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/PlayAudioStreamAction/PlayAudioStreamAction.tsx
index ee7f58908..a4576a47c 100644
--- a/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/PlayAudioStreamAction/PlayAudioStreamAction.tsx
+++ b/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/PlayAudioStreamAction/PlayAudioStreamAction.tsx
@@ -41,7 +41,7 @@ const PlayAudioStreamAction: React.FC<Props> = ({ value, onUpdate }: Props) => {
   return (
     <div className="PlayAudioStreamActionContainer">
       <Block>
-        <TextField label="URL" value={payload.url} onChange={handleChangeUrl} />
+        <TextField label="URL" value={payload.url} onChange={handleChangeUrl} autoSelect />
       </Block>
       <Block>
         <RangeField
diff --git a/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/PlayVideoStreamAction/PlayVideoStreamAction.tsx b/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/PlayVideoStreamAction/PlayVideoStreamAction.tsx
index 70c85b28a..cc4b9ef7d 100644
--- a/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/PlayVideoStreamAction/PlayVideoStreamAction.tsx
+++ b/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/PlayVideoStreamAction/PlayVideoStreamAction.tsx
@@ -120,7 +120,7 @@ const PlayVideoStreamAction: React.FC<Props> = ({ value, onUpdate }: Props) => {
       {!payload.dclCast ? (
         <>
           <Block>
-            <TextField label={<>URL {renderUrlInfo()}</>} value={payload.src} onChange={handleChangeSrc} />
+            <TextField label={<>URL {renderUrlInfo()}</>} value={payload.src} onChange={handleChangeSrc} autoSelect />
           </Block>
           <Block>
             <Dropdown
diff --git a/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/SetPositionAction/SetPositionAction.tsx b/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/SetPositionAction/SetPositionAction.tsx
index c4382d187..4e1ce5fce 100644
--- a/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/SetPositionAction/SetPositionAction.tsx
+++ b/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/SetPositionAction/SetPositionAction.tsx
@@ -73,18 +73,21 @@ const SetPositionAction: React.FC<Props> = ({ value, onUpdate }: Props) => {
             type="number"
             value={payload.x}
             onChange={(e: React.ChangeEvent<HTMLInputElement>) => handleChangeX(e)}
+            autoSelect
           />
           <TextField
             leftLabel="Y"
             type="number"
             value={payload.y}
             onChange={(e: React.ChangeEvent<HTMLInputElement>) => handleChangeY(e)}
+            autoSelect
           />
           <TextField
             leftLabel="Z"
             type="number"
             value={payload.z}
             onChange={(e: React.ChangeEvent<HTMLInputElement>) => handleChangeZ(e)}
+            autoSelect
           />
         </Block>
       </div>
diff --git a/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/SetRotationAction/SetRotationAction.tsx b/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/SetRotationAction/SetRotationAction.tsx
index 497e5d0e0..ba6eb8232 100644
--- a/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/SetRotationAction/SetRotationAction.tsx
+++ b/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/SetRotationAction/SetRotationAction.tsx
@@ -73,18 +73,21 @@ const SetRotationAction: React.FC<Props> = ({ value, onUpdate }: Props) => {
             type="number"
             value={payload.x}
             onChange={(e: React.ChangeEvent<HTMLInputElement>) => handleChangeX(e)}
+            autoSelect
           />
           <TextField
             leftLabel="Y"
             type="number"
             value={payload.y}
             onChange={(e: React.ChangeEvent<HTMLInputElement>) => handleChangeY(e)}
+            autoSelect
           />
           <TextField
             leftLabel="Z"
             type="number"
             value={payload.z}
             onChange={(e: React.ChangeEvent<HTMLInputElement>) => handleChangeZ(e)}
+            autoSelect
           />
         </Block>
       </div>
diff --git a/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/SetScaleAction/SetScaleAction.tsx b/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/SetScaleAction/SetScaleAction.tsx
index e0883ae02..0055bb2f0 100644
--- a/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/SetScaleAction/SetScaleAction.tsx
+++ b/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/SetScaleAction/SetScaleAction.tsx
@@ -73,18 +73,21 @@ const SetScaleAction: React.FC<Props> = ({ value, onUpdate }: Props) => {
             type="number"
             value={payload.x}
             onChange={(e: React.ChangeEvent<HTMLInputElement>) => handleChangeX(e)}
+            autoSelect
           />
           <TextField
             leftLabel="Y"
             type="number"
             value={payload.y}
             onChange={(e: React.ChangeEvent<HTMLInputElement>) => handleChangeY(e)}
+            autoSelect
           />
           <TextField
             leftLabel="Z"
             type="number"
             value={payload.z}
             onChange={(e: React.ChangeEvent<HTMLInputElement>) => handleChangeZ(e)}
+            autoSelect
           />
         </Block>
       </div>
diff --git a/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/ShowImageAction/ShowImageAction.tsx b/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/ShowImageAction/ShowImageAction.tsx
index 6853c2522..09278c4f6 100644
--- a/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/ShowImageAction/ShowImageAction.tsx
+++ b/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/ShowImageAction/ShowImageAction.tsx
@@ -101,8 +101,8 @@ const ShowImageAction: React.FC<Props> = ({ value, onUpdate }: Props) => {
         />
       </Block>
       <Block label="Size">
-        <TextField leftLabel="Height" type="number" value={payload.height} onChange={handleChangeHeight} />
-        <TextField leftLabel="Width" type="number" value={payload.width} onChange={handleChangeWidth} />
+        <TextField autoSelect leftLabel="Height" type="number" value={payload.height} onChange={handleChangeHeight} />
+        <TextField autoSelect leftLabel="Width" type="number" value={payload.width} onChange={handleChangeWidth} />
       </Block>
       <Block label="Align Image">
         <Dropdown
@@ -132,7 +132,7 @@ const ShowImageAction: React.FC<Props> = ({ value, onUpdate }: Props) => {
         <TextArea label="Text" value={payload.text} onChange={handleChangeText} />
       </Block>
       <Block label="Font Size">
-        <TextField type="number" value={payload.fontSize} onChange={handleChangeFontSize} />
+        <TextField autoSelect type="number" value={payload.fontSize} onChange={handleChangeFontSize} />
       </Block>
     </div>
   )
diff --git a/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/ShowTextAction/ShowTextAction.tsx b/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/ShowTextAction/ShowTextAction.tsx
index c13eaa8e7..c38a5d135 100644
--- a/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/ShowTextAction/ShowTextAction.tsx
+++ b/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/ShowTextAction/ShowTextAction.tsx
@@ -64,7 +64,7 @@ const ShowTextAction: React.FC<Props> = ({ value, onUpdate }: Props) => {
   return (
     <div className="ShowTextActionContainer">
       <Block>
-        <TextField label="Text" type="text" value={payload.text} onChange={handleChangeText} />
+        <TextField autoSelect label="Text" type="text" value={payload.text} onChange={handleChangeText} />
       </Block>
       <Block>
         <RangeField
@@ -78,7 +78,7 @@ const ShowTextAction: React.FC<Props> = ({ value, onUpdate }: Props) => {
         <Dropdown placeholder="Select a Font" options={FONTS} value={payload.font} onChange={handleChangeFont} />
       </Block>
       <Block label="Font Size">
-        <TextField type="number" value={payload.fontSize} onChange={handleChangeFontSize} />
+        <TextField autoSelect type="number" value={payload.fontSize} onChange={handleChangeFontSize} />
       </Block>
       <Block label="Text Align">
         <Dropdown
diff --git a/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/TeleportPlayerAction/TeleportPlayerAction.tsx b/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/TeleportPlayerAction/TeleportPlayerAction.tsx
index 674f6632d..5a2518018 100644
--- a/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/TeleportPlayerAction/TeleportPlayerAction.tsx
+++ b/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/TeleportPlayerAction/TeleportPlayerAction.tsx
@@ -45,12 +45,14 @@ const TeleportPlayerAction: React.FC<Props> = ({ value, onUpdate }: Props) => {
           type="number"
           value={payload.x}
           onChange={(e: React.ChangeEvent<HTMLInputElement>) => handleChangeX(e)}
+          autoSelect
         />
         <TextField
           leftLabel="Y"
           type="number"
           value={payload.y}
           onChange={(e: React.ChangeEvent<HTMLInputElement>) => handleChangeY(e)}
+          autoSelect
         />
       </Block>
     </div>
diff --git a/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/TriggerProximityAction/TriggerProximityAction.tsx b/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/TriggerProximityAction/TriggerProximityAction.tsx
index af894b7d9..e12644fd9 100644
--- a/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/TriggerProximityAction/TriggerProximityAction.tsx
+++ b/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/TriggerProximityAction/TriggerProximityAction.tsx
@@ -49,12 +49,14 @@ const TriggerProximityAction: React.FC<Props> = ({ value, onUpdate }: Props) =>
           type="number"
           value={payload.radius}
           onChange={(e: React.ChangeEvent<HTMLInputElement>) => handleChangeRadius(e)}
+          autoSelect
         />
         <TextField
           label="Hits"
           type="number"
           value={payload.hits || 1}
           onChange={(e: React.ChangeEvent<HTMLInputElement>) => handleChangeHits(e)}
+          autoSelect
         />
         <Dropdown
           label="Layer"
diff --git a/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/TweenAction/TweenAction.tsx b/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/TweenAction/TweenAction.tsx
index be2eeed83..4b331d0fa 100644
--- a/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/TweenAction/TweenAction.tsx
+++ b/packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/TweenAction/TweenAction.tsx
@@ -156,6 +156,7 @@ const TweenAction: React.FC<Props> = ({ tween: tweenProp, onUpdateTween }: Props
           error={isNaN(parseFloat(endPosition.x))}
           onChange={(e) => handleChangeEndPosition(e, 'x')}
           onBlur={(e) => handleBlurEndPosition(e, 'x')}
+          autoSelect
         />
         <TextField
           leftLabel="Y"
@@ -164,6 +165,7 @@ const TweenAction: React.FC<Props> = ({ tween: tweenProp, onUpdateTween }: Props
           error={isNaN(parseFloat(endPosition.y))}
           onChange={(e) => handleChangeEndPosition(e, 'y')}
           onBlur={(e) => handleBlurEndPosition(e, 'y')}
+          autoSelect
         />
         <TextField
           leftLabel="Z"
@@ -172,6 +174,7 @@ const TweenAction: React.FC<Props> = ({ tween: tweenProp, onUpdateTween }: Props
           error={isNaN(parseFloat(endPosition.z))}
           onChange={(e) => handleChangeEndPosition(e, 'z')}
           onBlur={(e) => handleBlurEndPosition(e, 'z')}
+          autoSelect
         />
       </Block>
       <div className="row">
diff --git a/packages/@dcl/inspector/src/components/EntityInspector/AnimatorInspector/AnimatorInspector.tsx b/packages/@dcl/inspector/src/components/EntityInspector/AnimatorInspector/AnimatorInspector.tsx
index 10b492ad1..90c866f14 100644
--- a/packages/@dcl/inspector/src/components/EntityInspector/AnimatorInspector/AnimatorInspector.tsx
+++ b/packages/@dcl/inspector/src/components/EntityInspector/AnimatorInspector/AnimatorInspector.tsx
@@ -84,7 +84,7 @@ export default withSdk<Props>(({ sdk, entity: entityId }) => {
       {states.map(($, idx) => (
         <React.Fragment key={idx}>
           <Block label="Clip">
-            <TextField type="text" disabled value={$.clip} />
+            <TextField autoSelect type="text" disabled value={$.clip} />
           </Block>
           <Block label="Playing">
             <CheckboxField
diff --git a/packages/@dcl/inspector/src/components/EntityInspector/AudioStreamInspector/AudioStreamInspector.tsx b/packages/@dcl/inspector/src/components/EntityInspector/AudioStreamInspector/AudioStreamInspector.tsx
index 4264e4cc9..b8bfd0793 100644
--- a/packages/@dcl/inspector/src/components/EntityInspector/AudioStreamInspector/AudioStreamInspector.tsx
+++ b/packages/@dcl/inspector/src/components/EntityInspector/AudioStreamInspector/AudioStreamInspector.tsx
@@ -59,7 +59,7 @@ export default withSdk<Props>(({ sdk, entity }) => {
       onRemoveContainer={handleRemove}
     >
       <Block label="Url">
-        <TextField type="text" {...url} error={!isValid} />
+        <TextField autoSelect type="text" {...url} error={!isValid} />
       </Block>
       <Block label="Playback">
         <CheckboxField label="Start playing" checked={!!playing.value} {...playing} />
diff --git a/packages/@dcl/inspector/src/components/EntityInspector/CounterBarInspector/CounterBarInspector.tsx b/packages/@dcl/inspector/src/components/EntityInspector/CounterBarInspector/CounterBarInspector.tsx
index 3d52ff1c8..f76132c05 100644
--- a/packages/@dcl/inspector/src/components/EntityInspector/CounterBarInspector/CounterBarInspector.tsx
+++ b/packages/@dcl/inspector/src/components/EntityInspector/CounterBarInspector/CounterBarInspector.tsx
@@ -41,7 +41,7 @@ export default withSdk<Props>(({ sdk, entity }) => {
       }
       onRemoveContainer={handleRemove}
     >
-      <TextField label="Max Value" type="number" {...getInputProps('maxValue')} />
+      <TextField autoSelect label="Max Value" type="number" {...getInputProps('maxValue')} />
       <Block>
         <ColorField label="Primary Color" {...getInputProps('primaryColor')} />
       </Block>
diff --git a/packages/@dcl/inspector/src/components/EntityInspector/CounterInspector/CounterInspector.tsx b/packages/@dcl/inspector/src/components/EntityInspector/CounterInspector/CounterInspector.tsx
index 476c99d97..06a7cc79b 100644
--- a/packages/@dcl/inspector/src/components/EntityInspector/CounterInspector/CounterInspector.tsx
+++ b/packages/@dcl/inspector/src/components/EntityInspector/CounterInspector/CounterInspector.tsx
@@ -50,7 +50,7 @@ export default withSdk<Props>(({ sdk, entity }) => {
       }
       onRemoveContainer={handleRemove}
     >
-      <TextField leftLabel="Value" type="number" {...getInputProps('value')} />
+      <TextField autoSelect leftLabel="Value" type="number" {...getInputProps('value')} />
     </Container>
   )
 })
diff --git a/packages/@dcl/inspector/src/components/EntityInspector/MeshColliderInspector/MeshColliderInspector.tsx b/packages/@dcl/inspector/src/components/EntityInspector/MeshColliderInspector/MeshColliderInspector.tsx
index 2fd404264..07bec8d6d 100644
--- a/packages/@dcl/inspector/src/components/EntityInspector/MeshColliderInspector/MeshColliderInspector.tsx
+++ b/packages/@dcl/inspector/src/components/EntityInspector/MeshColliderInspector/MeshColliderInspector.tsx
@@ -35,8 +35,8 @@ export default withSdk<Props>(({ sdk, entity }) => {
       </Block>
       {mesh.value === MeshType.MT_CYLINDER && (
         <Block label="Radius">
-          <TextField leftLabel="Top" type="number" {...getInputProps('radiusTop')} />
-          <TextField leftLabel="Bottom" type="number" {...getInputProps('radiusBottom')} />
+          <TextField autoSelect leftLabel="Top" type="number" {...getInputProps('radiusTop')} />
+          <TextField autoSelect leftLabel="Bottom" type="number" {...getInputProps('radiusBottom')} />
         </Block>
       )}
     </Container>
diff --git a/packages/@dcl/inspector/src/components/EntityInspector/MeshRendererInspector/MeshRendererInspector.tsx b/packages/@dcl/inspector/src/components/EntityInspector/MeshRendererInspector/MeshRendererInspector.tsx
index f9c89142a..758af5952 100644
--- a/packages/@dcl/inspector/src/components/EntityInspector/MeshRendererInspector/MeshRendererInspector.tsx
+++ b/packages/@dcl/inspector/src/components/EntityInspector/MeshRendererInspector/MeshRendererInspector.tsx
@@ -28,8 +28,8 @@ export default withSdk<Props>(({ sdk, entity }) => {
       case MeshType.MT_CYLINDER: {
         return (
           <Block label="Radius">
-            <TextField leftLabel="Top" type="number" {...getInputProps('radiusTop')} />
-            <TextField leftLabel="Bottom" type="number" {...getInputProps('radiusBottom')} />
+            <TextField autoSelect leftLabel="Top" type="number" {...getInputProps('radiusTop')} />
+            <TextField autoSelect leftLabel="Bottom" type="number" {...getInputProps('radiusBottom')} />
           </Block>
         )
       }
diff --git a/packages/@dcl/inspector/src/components/EntityInspector/NftShapeInspector/NftShapeInspector.tsx b/packages/@dcl/inspector/src/components/EntityInspector/NftShapeInspector/NftShapeInspector.tsx
index 5f2aa873c..b7d9f5605 100644
--- a/packages/@dcl/inspector/src/components/EntityInspector/NftShapeInspector/NftShapeInspector.tsx
+++ b/packages/@dcl/inspector/src/components/EntityInspector/NftShapeInspector/NftShapeInspector.tsx
@@ -92,12 +92,14 @@ export default withSdk<Props>(({ sdk, entity }) => {
           label="Contract"
           value={urnTokens.contract || ''}
           onChange={(e) => handleUrnTokenChange({ contract: e.target.value })}
+          autoSelect
         />
         <TextField
           type="text"
           label="Token"
           value={urnTokens.token || ''}
           onChange={(e) => handleUrnTokenChange({ token: e.target.value })}
+          autoSelect
         />
       </Block>
       <Block label="Color">
diff --git a/packages/@dcl/inspector/src/components/EntityInspector/PointerEventsInspector/PointerEventsInspector.tsx b/packages/@dcl/inspector/src/components/EntityInspector/PointerEventsInspector/PointerEventsInspector.tsx
index a28816df8..aa683896f 100644
--- a/packages/@dcl/inspector/src/components/EntityInspector/PointerEventsInspector/PointerEventsInspector.tsx
+++ b/packages/@dcl/inspector/src/components/EntityInspector/PointerEventsInspector/PointerEventsInspector.tsx
@@ -101,6 +101,7 @@ export default withSdk<Props>(({ sdk, entity: entityId }) => {
               type="text"
               value={$.eventInfo?.hoverText ?? DEFAULTS.eventInfo.hoverText}
               onChange={(e) => handleEventInfoChange({ hoverText: e.target.value }, idx)}
+              autoSelect
             />
           </Block>
           <Block label="Max distance">
diff --git a/packages/@dcl/inspector/src/components/EntityInspector/SceneInspector/Layout/ModeAdvanced/ModeAdvanced.tsx b/packages/@dcl/inspector/src/components/EntityInspector/SceneInspector/Layout/ModeAdvanced/ModeAdvanced.tsx
index bbeca0b22..8fcfff12f 100644
--- a/packages/@dcl/inspector/src/components/EntityInspector/SceneInspector/Layout/ModeAdvanced/ModeAdvanced.tsx
+++ b/packages/@dcl/inspector/src/components/EntityInspector/SceneInspector/Layout/ModeAdvanced/ModeAdvanced.tsx
@@ -37,8 +37,8 @@ export function ModeAdvanced({ value, onSubmit, onGoBack }: Props) {
 
   return (
     <Block className="advanced">
-      <TextField label="Custom Coordinates" value={coords} onChange={handleCoordsChange} />
-      <TextField label="Origin Point" value={base} onChange={handleBaseParcelChange} />
+      <TextField autoSelect label="Custom Coordinates" value={coords} onChange={handleCoordsChange} />
+      <TextField autoSelect label="Origin Point" value={base} onChange={handleBaseParcelChange} />
       <Block>
         <Button type="dark" onClick={onGoBack}>
           Back
diff --git a/packages/@dcl/inspector/src/components/EntityInspector/SceneInspector/SceneInspector.tsx b/packages/@dcl/inspector/src/components/EntityInspector/SceneInspector/SceneInspector.tsx
index df3a7bac0..87c24b32c 100644
--- a/packages/@dcl/inspector/src/components/EntityInspector/SceneInspector/SceneInspector.tsx
+++ b/packages/@dcl/inspector/src/components/EntityInspector/SceneInspector/SceneInspector.tsx
@@ -186,6 +186,7 @@ export default withSdk<Props>(({ sdk, entity }) => {
                 const newInput = { ...input, position: { ...input.position, x: value } }
                 modifySpawnPoint(index, toSceneSpawnPoint(spawnPoint.name, newInput))
               }}
+              autoSelect
             />
             <TextField
               leftLabel="Y"
@@ -199,6 +200,7 @@ export default withSdk<Props>(({ sdk, entity }) => {
                 const newInput = { ...input, position: { ...input.position, y: value } }
                 modifySpawnPoint(index, toSceneSpawnPoint(spawnPoint.name, newInput))
               }}
+              autoSelect
             />
             <TextField
               leftLabel="Z"
@@ -212,6 +214,7 @@ export default withSdk<Props>(({ sdk, entity }) => {
                 const newInput = { ...input, position: { ...input.position, z: value } }
                 modifySpawnPoint(index, toSceneSpawnPoint(spawnPoint.name, newInput))
               }}
+              autoSelect
             />
           </Block>
           <CheckboxField
@@ -240,6 +243,7 @@ export default withSdk<Props>(({ sdk, entity }) => {
                 const newInput = { ...input, maxOffset: value }
                 modifySpawnPoint(index, toSceneSpawnPoint(spawnPoint.name, newInput))
               }}
+              autoSelect
             />
           ) : null}
           <Block label="Camera Target">
@@ -255,6 +259,7 @@ export default withSdk<Props>(({ sdk, entity }) => {
                 const newInput = { ...input, cameraTarget: { ...input.cameraTarget, x: value } }
                 modifySpawnPoint(index, toSceneSpawnPoint(spawnPoint.name, newInput))
               }}
+              autoSelect
             />
             <TextField
               leftLabel="Y"
@@ -268,6 +273,7 @@ export default withSdk<Props>(({ sdk, entity }) => {
                 const newInput = { ...input, cameraTarget: { ...input.cameraTarget, y: value } }
                 modifySpawnPoint(index, toSceneSpawnPoint(spawnPoint.name, newInput))
               }}
+              autoSelect
             />
             <TextField
               leftLabel="Z"
@@ -281,6 +287,7 @@ export default withSdk<Props>(({ sdk, entity }) => {
                 const newInput = { ...input, cameraTarget: { ...input.cameraTarget, z: value } }
                 modifySpawnPoint(index, toSceneSpawnPoint(spawnPoint.name, newInput))
               }}
+              autoSelect
             />
           </Block>
         </Block>
@@ -366,7 +373,7 @@ export default withSdk<Props>(({ sdk, entity }) => {
       </Tabs>
       {selectedSceneInspectorTab === SceneInspectorTab.DETAILS ? (
         <>
-          <TextField label="Name" {...nameProps} />
+          <TextField autoSelect label="Name" {...nameProps} />
           <TextArea label="Description" {...descriptionProps} />
           <span className="ThumbnailRow">
             <div className="thumbnail">{renderThumbnail()}</div>
@@ -392,8 +399,8 @@ export default withSdk<Props>(({ sdk, entity }) => {
               categoriesProps.onChange!(event)
             }}
           />
-          <TextField label="Author (optional)" {...authorProps} />
-          <TextField label="Email (optional)" {...emailProps} />
+          <TextField autoSelect label="Author (optional)" {...authorProps} />
+          <TextField autoSelect label="Email (optional)" {...emailProps} />
         </>
       ) : null}
 
diff --git a/packages/@dcl/inspector/src/components/EntityInspector/SmartItemBasicView/ActionView/ActionView.tsx b/packages/@dcl/inspector/src/components/EntityInspector/SmartItemBasicView/ActionView/ActionView.tsx
index 481ed2046..7067ccb7f 100644
--- a/packages/@dcl/inspector/src/components/EntityInspector/SmartItemBasicView/ActionView/ActionView.tsx
+++ b/packages/@dcl/inspector/src/components/EntityInspector/SmartItemBasicView/ActionView/ActionView.tsx
@@ -90,6 +90,7 @@ export default React.memo(
                   type={field?.type ?? 'text'}
                   value={value}
                   onChange={(e) => handlePropertyChange(action, property, e)}
+                  autoSelect
                 />
               )
             }
diff --git a/packages/@dcl/inspector/src/components/EntityInspector/SmartItemBasicView/CounterBarView/CounterBarView.tsx b/packages/@dcl/inspector/src/components/EntityInspector/SmartItemBasicView/CounterBarView/CounterBarView.tsx
index f1bcb7900..35ab41c88 100644
--- a/packages/@dcl/inspector/src/components/EntityInspector/SmartItemBasicView/CounterBarView/CounterBarView.tsx
+++ b/packages/@dcl/inspector/src/components/EntityInspector/SmartItemBasicView/CounterBarView/CounterBarView.tsx
@@ -92,6 +92,7 @@ export default React.memo(
             type="number"
             {...(isCounterBarComponent ? getCounterBarInputProps('maxValue') : getCounterInputProps('value'))}
             {...(isHealthBarComponent ? { onChange: handleUpdateHealthBarValues } : {})}
+            autoSelect
           />
         </Block>
         {isCounterBarComponent && (
diff --git a/packages/@dcl/inspector/src/components/EntityInspector/SmartItemBasicView/NftView/NftView.tsx b/packages/@dcl/inspector/src/components/EntityInspector/SmartItemBasicView/NftView/NftView.tsx
index 9c4aa0827..8956869be 100644
--- a/packages/@dcl/inspector/src/components/EntityInspector/SmartItemBasicView/NftView/NftView.tsx
+++ b/packages/@dcl/inspector/src/components/EntityInspector/SmartItemBasicView/NftView/NftView.tsx
@@ -67,12 +67,14 @@ export default React.memo(
           label="NFT Collection Contract"
           value={urnTokens.contract || ''}
           onChange={(e) => handleUrnTokenChange({ contract: e.target.value })}
+          autoSelect
         />
         <TextField
           type="text"
           label="Token ID"
           value={urnTokens.token || ''}
           onChange={(e) => handleUrnTokenChange({ token: e.target.value })}
+          autoSelect
         />
         <Block label="Background Color">
           <ColorField value={color} onChange={handleColorChange} />
diff --git a/packages/@dcl/inspector/src/components/EntityInspector/SmartItemBasicView/PointerEventView/PointerEventView.tsx b/packages/@dcl/inspector/src/components/EntityInspector/SmartItemBasicView/PointerEventView/PointerEventView.tsx
index e40c9b8e7..96dd2dc39 100644
--- a/packages/@dcl/inspector/src/components/EntityInspector/SmartItemBasicView/PointerEventView/PointerEventView.tsx
+++ b/packages/@dcl/inspector/src/components/EntityInspector/SmartItemBasicView/PointerEventView/PointerEventView.tsx
@@ -56,6 +56,7 @@ export default React.memo(
             label="Hover Text"
             value={pointerEvents[0]?.eventInfo?.hoverText}
             onChange={handleHoverTextChange}
+            autoSelect
           />
         </Block>
         <Block>
diff --git a/packages/@dcl/inspector/src/components/EntityInspector/SmartItemBasicView/VideoView/VideoView.tsx b/packages/@dcl/inspector/src/components/EntityInspector/SmartItemBasicView/VideoView/VideoView.tsx
index 5acc03fa9..5deb240da 100644
--- a/packages/@dcl/inspector/src/components/EntityInspector/SmartItemBasicView/VideoView/VideoView.tsx
+++ b/packages/@dcl/inspector/src/components/EntityInspector/SmartItemBasicView/VideoView/VideoView.tsx
@@ -80,7 +80,7 @@ export default React.memo(
     return (
       <div className={cx({ hover: isHover })}>
         <Block label={<>Path/URL {renderUrlInfo()}</>} ref={drop}>
-          <TextField type="text" {...getInputProps('src')} error={files && !isValid} drop={isHover} />
+          <TextField autoSelect type="text" {...getInputProps('src')} error={files && !isValid} drop={isHover} />
         </Block>
         <Block label="Playback">
           <CheckboxField label="Start playing" checked={!!playing.value} {...playing} />
diff --git a/packages/@dcl/inspector/src/components/EntityInspector/StatesInspector/StatesInspector.tsx b/packages/@dcl/inspector/src/components/EntityInspector/StatesInspector/StatesInspector.tsx
index 9e620f36c..e9d861a3f 100644
--- a/packages/@dcl/inspector/src/components/EntityInspector/StatesInspector/StatesInspector.tsx
+++ b/packages/@dcl/inspector/src/components/EntityInspector/StatesInspector/StatesInspector.tsx
@@ -112,6 +112,7 @@ export default withSdk<Props>(({ sdk, entity }) => {
                 value={state}
                 error={isRepeated(state, input.value) || !state.trim()}
                 onChange={handleChange(index)}
+                autoSelect
               />
               <MoreOptionsMenu>
                 <Button onClick={handleRemove(state)}>Remove State</Button>
diff --git a/packages/@dcl/inspector/src/components/EntityInspector/TextShapeInspector/TextShapeInspector.tsx b/packages/@dcl/inspector/src/components/EntityInspector/TextShapeInspector/TextShapeInspector.tsx
index 6d3dca56b..2988b492c 100644
--- a/packages/@dcl/inspector/src/components/EntityInspector/TextShapeInspector/TextShapeInspector.tsx
+++ b/packages/@dcl/inspector/src/components/EntityInspector/TextShapeInspector/TextShapeInspector.tsx
@@ -31,23 +31,23 @@ export default withSdk<Props>(({ sdk, entity }) => {
         <ColorField label="Text Color" {...getInputProps('textColor')} />
       </Block>
       <Block label="Font Size">
-        <TextField type="number" {...getInputProps('fontSize')} />
+        <TextField autoSelect type="number" {...getInputProps('fontSize')} />
         <CheckboxField label="Font Auto-Size" {...getInputProps('fontAutoSize', (e) => e.target.checked)} />
       </Block>
       <Block label="Text Align">
         <Dropdown options={TEXT_ALIGN_MODES} {...getInputProps('textAlign')} />
       </Block>
       <Block label="Padding">
-        <TextField leftLabel="↑" type="number" {...getInputProps('paddingTop')} />
-        <TextField leftLabel="→" type="number" {...getInputProps('paddingRight')} />
-        <TextField leftLabel="↓" type="number" {...getInputProps('paddingBottom')} />
-        <TextField leftLabel="←" type="number" {...getInputProps('paddingLeft')} />
+        <TextField autoSelect leftLabel="↑" type="number" {...getInputProps('paddingTop')} />
+        <TextField autoSelect leftLabel="→" type="number" {...getInputProps('paddingRight')} />
+        <TextField autoSelect leftLabel="↓" type="number" {...getInputProps('paddingBottom')} />
+        <TextField autoSelect leftLabel="←" type="number" {...getInputProps('paddingLeft')} />
       </Block>
       <Block label="Line">
-        <TextField leftLabel="Spacing" type="number" {...getInputProps('lineSpacing')} />
+        <TextField autoSelect leftLabel="Spacing" type="number" {...getInputProps('lineSpacing')} />
       </Block>
       <Block>
-        <TextField label="Outline Width" type="number" {...getInputProps('outlineWidth')} />
+        <TextField autoSelect label="Outline Width" type="number" {...getInputProps('outlineWidth')} />
       </Block>
       <Block>
         <ColorField label="Outline color" {...getInputProps('outlineColor')} />
diff --git a/packages/@dcl/inspector/src/components/EntityInspector/TransformInspector/TransformInspector.tsx b/packages/@dcl/inspector/src/components/EntityInspector/TransformInspector/TransformInspector.tsx
index 730bb6c37..c5b073f9d 100644
--- a/packages/@dcl/inspector/src/components/EntityInspector/TransformInspector/TransformInspector.tsx
+++ b/packages/@dcl/inspector/src/components/EntityInspector/TransformInspector/TransformInspector.tsx
@@ -48,19 +48,19 @@ export default withSdk<Props>(({ sdk, entity }) => {
   return (
     <Container label="Transform" className="Transform">
       <Block label="Position">
-        <TextField leftLabel="X" type="number" {...getInputProps('position.x')} />
-        <TextField leftLabel="Y" type="number" {...getInputProps('position.y')} />
-        <TextField leftLabel="Z" type="number" {...getInputProps('position.z')} />
+        <TextField leftLabel="X" type="number" {...getInputProps('position.x')} autoSelect />
+        <TextField leftLabel="Y" type="number" {...getInputProps('position.y')} autoSelect />
+        <TextField leftLabel="Z" type="number" {...getInputProps('position.z')} autoSelect />
       </Block>
       <Block label="Rotation">
-        <TextField leftLabel="X" type="number" {...getInputProps('rotation.x')} />
-        <TextField leftLabel="Y" type="number" {...getInputProps('rotation.y')} />
-        <TextField leftLabel="Z" type="number" {...getInputProps('rotation.z')} />
+        <TextField leftLabel="X" type="number" {...getInputProps('rotation.x')} autoSelect />
+        <TextField leftLabel="Y" type="number" {...getInputProps('rotation.y')} autoSelect />
+        <TextField leftLabel="Z" type="number" {...getInputProps('rotation.z')} autoSelect />
       </Block>
       <Block label="Scale">
-        <TextField leftLabel="X" type="number" {...getInputProps('scale.x')} />
-        <TextField leftLabel="Y" type="number" {...getInputProps('scale.y')} />
-        <TextField leftLabel="Z" type="number" {...getInputProps('scale.z')} />
+        <TextField leftLabel="X" type="number" {...getInputProps('scale.x')} autoSelect />
+        <TextField leftLabel="Y" type="number" {...getInputProps('scale.y')} autoSelect />
+        <TextField leftLabel="Z" type="number" {...getInputProps('scale.z')} autoSelect />
         <Link field="porportionalScaling" getInputProps={_getConfigProps} />
       </Block>
     </Container>
diff --git a/packages/@dcl/inspector/src/components/EntityInspector/TriggerInspector/TriggerCondition/TriggerCondition.tsx b/packages/@dcl/inspector/src/components/EntityInspector/TriggerInspector/TriggerCondition/TriggerCondition.tsx
index 1c6d90c00..c11ca0673 100644
--- a/packages/@dcl/inspector/src/components/EntityInspector/TriggerInspector/TriggerCondition/TriggerCondition.tsx
+++ b/packages/@dcl/inspector/src/components/EntityInspector/TriggerInspector/TriggerCondition/TriggerCondition.tsx
@@ -158,6 +158,7 @@ export const TriggerConditionContainer = ({
                   disabled={isDisabled}
                   value={condition.value}
                   onChange={(e: React.ChangeEvent<HTMLInputElement>) => handleChangeInputValue(e, idx)}
+                  autoSelect
                 />
               )}
               {isActionCondition && (
@@ -165,6 +166,7 @@ export const TriggerConditionContainer = ({
                   disabled={isDisabled}
                   value={condition.value}
                   onChange={(e: React.ChangeEvent<HTMLInputElement>) => handleChangeInputValue(e, idx)}
+                  autoSelect
                 />
               )}
             </div>
diff --git a/packages/@dcl/inspector/src/components/EntityInspector/TweenInspector/TweenInspector.tsx b/packages/@dcl/inspector/src/components/EntityInspector/TweenInspector/TweenInspector.tsx
index fed45c2c6..f6e573e13 100644
--- a/packages/@dcl/inspector/src/components/EntityInspector/TweenInspector/TweenInspector.tsx
+++ b/packages/@dcl/inspector/src/components/EntityInspector/TweenInspector/TweenInspector.tsx
@@ -122,14 +122,14 @@ export default withSdk<Props>(({ sdk, entity }) => {
         />
       </Block>
       <Block label="Start">
-        <TextField leftLabel="X" type="number" {...getTweenInputProps('start.x')} />
-        <TextField leftLabel="Y" type="number" {...getTweenInputProps('start.y')} />
-        <TextField leftLabel="Z" type="number" {...getTweenInputProps('start.z')} />
+        <TextField autoSelect leftLabel="X" type="number" {...getTweenInputProps('start.x')} />
+        <TextField autoSelect leftLabel="Y" type="number" {...getTweenInputProps('start.y')} />
+        <TextField autoSelect leftLabel="Z" type="number" {...getTweenInputProps('start.z')} />
       </Block>
       <Block label="End">
-        <TextField leftLabel="X" type="number" {...getTweenInputProps('end.x')} />
-        <TextField leftLabel="Y" type="number" {...getTweenInputProps('end.y')} />
-        <TextField leftLabel="Z" type="number" {...getTweenInputProps('end.z')} />
+        <TextField autoSelect leftLabel="X" type="number" {...getTweenInputProps('end.x')} />
+        <TextField autoSelect leftLabel="Y" type="number" {...getTweenInputProps('end.y')} />
+        <TextField autoSelect leftLabel="Z" type="number" {...getTweenInputProps('end.z')} />
       </Block>
       <Block>
         <RangeField step={0.1} label="Duration" {...getTweenInputProps('duration')} />
diff --git a/packages/@dcl/inspector/src/components/EntityInspector/VideoPlayerInspector/VideoPlayerInspector.tsx b/packages/@dcl/inspector/src/components/EntityInspector/VideoPlayerInspector/VideoPlayerInspector.tsx
index c47b4d3e5..3ceac2a54 100644
--- a/packages/@dcl/inspector/src/components/EntityInspector/VideoPlayerInspector/VideoPlayerInspector.tsx
+++ b/packages/@dcl/inspector/src/components/EntityInspector/VideoPlayerInspector/VideoPlayerInspector.tsx
@@ -93,7 +93,7 @@ export default withSdk<Props>(({ sdk, entity }) => {
       onRemoveContainer={handleRemove}
     >
       <Block label="Path/URL" ref={drop}>
-        <TextField type="text" {...getInputProps('src')} error={files && !isValid} drop={isHover} />
+        <TextField autoSelect type="text" {...getInputProps('src')} error={files && !isValid} drop={isHover} />
       </Block>
       <Block label="Playback">
         <CheckboxField label="Start playing" checked={!!playing.value} {...playing} />
diff --git a/packages/@dcl/inspector/src/components/ImportAsset/ImportAsset.tsx b/packages/@dcl/inspector/src/components/ImportAsset/ImportAsset.tsx
index faacac711..2adc8b296 100644
--- a/packages/@dcl/inspector/src/components/ImportAsset/ImportAsset.tsx
+++ b/packages/@dcl/inspector/src/components/ImportAsset/ImportAsset.tsx
@@ -231,7 +231,7 @@ const ImportAsset: React.FC<PropTypes> = ({ onSave }) => {
             </Container>
             <div className={classNames({ error: isNameRepeated })}>
               <Block label="Asset name">
-                <TextField value={assetName} onChange={handleNameChange} />
+                <TextField autoSelect value={assetName} onChange={handleNameChange} />
               </Block>
               <Button disabled={!!validationError} onClick={handleSave}>
                 Import
diff --git a/packages/@dcl/inspector/src/components/ui/Dropdown/OptionList/OptionList.tsx b/packages/@dcl/inspector/src/components/ui/Dropdown/OptionList/OptionList.tsx
index 617182aa1..de3532512 100644
--- a/packages/@dcl/inspector/src/components/ui/Dropdown/OptionList/OptionList.tsx
+++ b/packages/@dcl/inspector/src/components/ui/Dropdown/OptionList/OptionList.tsx
@@ -115,6 +115,7 @@ const OptionList: React.FC<Props> = (props) => {
           rightIcon={<SearchIcon />}
           onChange={handleSearchChange}
           onClick={handleSearchClick}
+          autoSelect
         />
       ) : null}
       {filteredOptions.length > 0 ? (
diff --git a/packages/@dcl/inspector/src/components/ui/FileUploadField/FileUploadField.tsx b/packages/@dcl/inspector/src/components/ui/FileUploadField/FileUploadField.tsx
index 90deede65..942e4d4d9 100644
--- a/packages/@dcl/inspector/src/components/ui/FileUploadField/FileUploadField.tsx
+++ b/packages/@dcl/inspector/src/components/ui/FileUploadField/FileUploadField.tsx
@@ -176,6 +176,7 @@ const FileUploadField: React.FC<Props> = ({
           error={hasError}
           disabled={disabled}
           drop={isHover}
+          autoSelect
         />
         <input type="file" ref={inputRef} onChange={handleChange} accept={parseAccept(accept)} />
         {isEnabledFileExplorer && (
diff --git a/packages/@dcl/inspector/src/components/ui/TextField/TextField.tsx b/packages/@dcl/inspector/src/components/ui/TextField/TextField.tsx
index 18d1b9bff..27df8483d 100644
--- a/packages/@dcl/inspector/src/components/ui/TextField/TextField.tsx
+++ b/packages/@dcl/inspector/src/components/ui/TextField/TextField.tsx
@@ -26,6 +26,7 @@ const TextField = React.forwardRef<HTMLInputElement, Props>((props, ref) => {
     onFocus,
     onBlur,
     type = 'text',
+    autoSelect,
     ...rest
   } = props
   const [inputValue, setInputValue] = useState(value)
@@ -51,6 +52,7 @@ const TextField = React.forwardRef<HTMLInputElement, Props>((props, ref) => {
   const handleInputFocus: React.FocusEventHandler<HTMLInputElement> = useCallback(
     (event) => {
       setFocused(true)
+      if (autoSelect) event.target.select()
       onFocus && onFocus(event)
     },
     [setFocused, onFocus]
diff --git a/packages/@dcl/inspector/src/components/ui/TextField/types.ts b/packages/@dcl/inspector/src/components/ui/TextField/types.ts
index 45d424bf4..0db6e3664 100644
--- a/packages/@dcl/inspector/src/components/ui/TextField/types.ts
+++ b/packages/@dcl/inspector/src/components/ui/TextField/types.ts
@@ -13,4 +13,5 @@ export type Props = React.InputHTMLAttributes<HTMLInputElement> & {
   disabled?: boolean
   leftContent?: React.ReactNode
   debounceTime?: number
+  autoSelect?: boolean
 }
diff --git a/packages/@dcl/inspector/src/components/ui/WalletField/WalletField.tsx b/packages/@dcl/inspector/src/components/ui/WalletField/WalletField.tsx
index 341ada326..5163de66c 100644
--- a/packages/@dcl/inspector/src/components/ui/WalletField/WalletField.tsx
+++ b/packages/@dcl/inspector/src/components/ui/WalletField/WalletField.tsx
@@ -57,6 +57,7 @@ export const WalletField: React.FC<Props> = ({ className, value, onChange, ...pr
       onFocus={handleFocus}
       error={error}
       {...props}
+      autoSelect
     />
   )
 }