fix: ref (#476)

lob · Apr 17, 2024 · 535d78e · 535d78e
1 parent 0190220
commit 535d78e
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 5 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # CHANGELOG
 
+## v2.0.36
+
+- Fix `<TextInput />` ref
+
 ## v2.0.35
 
 - Fix helper text styles on `<TextInput />`

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@lob/ui-components",
-  "version": "2.0.35",
+  "version": "2.0.36",
   "engines": {
     "node": ">=20.2.0",
     "npm": ">=10.2.0"

diff --git a/src/components/TextInput/TextInput.vue b/src/components/TextInput/TextInput.vue
@@ -240,6 +240,7 @@ const slots = defineSlots<{
   selectedOptions?: () => any;
 }>();
 
+const input = ref<HTMLInputElement>();
 const showCopied = ref(false);
 
 const hasLeftIcon = computed(() => Boolean(slots.iconLeft));
@@ -267,7 +268,7 @@ const handleFocus = (e: FocusEvent) => {
 
 const copyToClipboard = () => {
   showCopied.value = true;
-  // this.$refs.input.select();
+  input.value?.select();
   document.execCommand('copy');
   emit('copy');
   setTimeout(() => {
@@ -277,7 +278,9 @@ const copyToClipboard = () => {
 
 const clearInput = (e: MouseEvent) => {
   e.preventDefault();
-  // this.$refs.input.value = '';
+  if (input.value) {
+    input.value.value = '';
+  }
   modelValue.value = '';
   emit('input', '');
   emit('change', e);