From 66d3e507069467efde6372c5f7d4092b9953a38e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alberto=20Monedero=20Mart=C3=ADn?= <albertjcuac@gmail.com>
Date: Tue, 27 Jan 2026 12:28:15 +0100
Subject: [PATCH 1/2] feat: disable instant in mobile and add empty empathize
 fallback

---
 src/components/predictive-layer/full-width-predictive.vue | 4 +++-
 src/components/predictive-layer/predictive-layer.vue      | 3 ++-
 src/components/search-box.vue                             | 2 +-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/predictive-layer/full-width-predictive.vue b/src/components/predictive-layer/full-width-predictive.vue
index d8472e8d..2de44a28 100644
--- a/src/components/predictive-layer/full-width-predictive.vue
+++ b/src/components/predictive-layer/full-width-predictive.vue
@@ -2,6 +2,8 @@
   <div class="x-relative x-z-10">
     <Empathize
       :animation="empathizeAnimation"
+      :has-content="showEmpathize || showIdentifierResults"
+      search-and-close-on-no-content
       class="x-layout-item x-absolute x-z-[1] x-w-full x-bg-neutral-0"
       @empathize-opened="handleEmpathizeEvent('EmpathizeOpened')"
       @empathize-closed="handleEmpathizeEvent('EmpathizeClosed')"
@@ -9,7 +11,7 @@
       <MaxDesktopWidthItem>
         <DesktopSearchboxAlign>
           <div class="x-layout-item">
-            <div v-if="showEmpathize || showIdentifierResults" class="x-h-full x-py-16 x-pl-[17px]">
+            <div class="x-h-full x-py-16 x-pl-[17px]">
               <div class="x-block">
                 <BaseKeyboardNavigation
                   class="x-flex x-items-start x-gap-24"
diff --git a/src/components/predictive-layer/predictive-layer.vue b/src/components/predictive-layer/predictive-layer.vue
index 0f65898c..ebe68a31 100644
--- a/src/components/predictive-layer/predictive-layer.vue
+++ b/src/components/predictive-layer/predictive-layer.vue
@@ -1,6 +1,8 @@
 <template>
   <Empathize
     :animation="empathizeAnimation"
+    :has-content="showEmpathize || showIdentifierResults"
+    search-and-close-on-no-content
     class="x-z-40 x-bg-neutral-0 desktop:x-w-full"
     :events-to-close-empathize="isDesktopOrGreater ? desktopCloseEvents : mobileCloseEvents"
   >
@@ -10,7 +12,6 @@
       :class="{ 'x-bg-neutral-0': showEmpathize }"
     >
       <div
-        v-if="showEmpathize || showIdentifierResults"
         class="x-layout-item x-pb-16 desktop:x-block desktop:x-pl-16 desktop:x-pt-16"
         :class="{ 'x-mb-40 x-border-b x-border-neutral-10': !x.query.search && isTabletOrLess }"
       >
diff --git a/src/components/search-box.vue b/src/components/search-box.vue
index 14213a02..44d7703b 100644
--- a/src/components/search-box.vue
+++ b/src/components/search-box.vue
@@ -4,7 +4,7 @@
       ref="searchInputRef"
       :autofocus="false"
       :placeholder="$t('searchBox.placeholder')"
-      :instant="true"
+      :instant="!!isDesktopOrGreater"
       class="desktop:!x-pl-24"
     />
 

From fceaf13d3307dd9c101fd9946963ab1cda4cd0b6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alberto=20Monedero=20Mart=C3=ADn?= <albertjcuac@gmail.com>
Date: Tue, 27 Jan 2026 14:04:41 +0100
Subject: [PATCH 2/2] test: adapt test to deactivation of instant in mobile

---
 tests/e2e/cucumber/predictive-components.feature | 1 +
 tests/e2e/cucumber/predictive-components.spec.ts | 4 ++++
 2 files changed, 5 insertions(+)

diff --git a/tests/e2e/cucumber/predictive-components.feature b/tests/e2e/cucumber/predictive-components.feature
index a19eb7fc..e1a432b3 100644
--- a/tests/e2e/cucumber/predictive-components.feature
+++ b/tests/e2e/cucumber/predictive-components.feature
@@ -10,6 +10,7 @@ Feature: Predictive components
     Then  query suggestions are displayed
     When  search input is cleared
     And   a "<query>" is typed
+    And   user presses enter
     And   focus is set on the search input
     Then  next queries are displayed
     When  search input is cleared
diff --git a/tests/e2e/cucumber/predictive-components.spec.ts b/tests/e2e/cucumber/predictive-components.spec.ts
index 8aa3dbd0..ced17cb1 100644
--- a/tests/e2e/cucumber/predictive-components.spec.ts
+++ b/tests/e2e/cucumber/predictive-components.spec.ts
@@ -94,3 +94,7 @@ When('clear history queries button is clicked', () => {
 Then('no history queries are displayed', () => {
   cy.getByDataTest('history-queries').should('not.exist')
 })
+
+When('user presses enter', () => {
+  cy.getByDataTest('search-input').type('{enter}')
+})