diff --git a/src/views/Catalog.vue b/src/views/Catalog.vue
index 53ec2666a..e1928ae47 100644
--- a/src/views/Catalog.vue
+++ b/src/views/Catalog.vue
@@ -6,7 +6,7 @@
       </ion-toolbar>
     </ion-header>
     <ion-content>
-      <ion-searchbar v-model="queryString" @keypress.enter="queryString = $event.target.value; getProducts()" />
+      <ion-searchbar @ionFocus="selectSearchBarText($event)" v-model="queryString" @keypress.enter="queryString = $event.target.value; getProducts()" />
       <main>
         <ion-card v-for="product in products.list" :key="product.productId">
           <Image :src="product.mainImageUrl" />
@@ -99,6 +99,11 @@ export default defineComponent({
       };
       await this.store.dispatch("product/findProduct", payload);
     },
+    selectSearchBarText(event: any) {
+      event.target.getInputElement().then((element: any) => {
+        element.select();
+      })
+    },
   },
 
   async ionViewWillEnter() {