fix: open empathize with autoFocus true

[lauramargar]

Pull request template

When we use the floating predictive and autoFocus of the searchBox there is a bug when you open X for the first time, the empathize doesn't open.

Motivation and context

• Dependencies. If any, specify:
• Open issue. If applicable, link: EMP-3649

Type of change

• Bug fix (non-breaking change that fixes an issue)
• New feature (non-breaking change that adds functionality)
• Breaking change (fix or feature that causes existing functionality to not work as expected)
• Change requires a documentation update

What is the destination branch of this PR?

• Main
• Other. Specify:

How has this been tested?

To test it, you have to use the DesktopHeaderFloatingPredictive component in the desktop-top-section file and set the autoFocus property in the searchBox component to true.

[github-actions]

Check PR 455 preview 👀

https://x.test.empathy.co/preview/455/index.html

[annacv]

Hi! I have been testing several options: it seems that moving the if condition below allows empathize to be opened, without the extra div: I assume that with the if condition, the empathize's state logic is not loaded at the same time that the searchbox is clicked:

<component
      :is="isDesktopOrGreater ? 'div' : 'BaseScroll'"
      class="x-h-full desktop:x-my-16 desktop:x-ml-16"
    >
      <div v-if="showEmpathize || showIdentifierResults" class="x-layout-item desktop:x-block">
        <BaseKeyboardNavigation
          class="x-flex x-flex-col desktop:x-grid desktop:x-grid-cols-12 desktop:x-items-start desktop:x-gap-24"
          :navigationHijacker="navigationHijacker"
        >

[github-actions]

Check PR 455 preview 👀

https://x.test.empathy.co/preview/455/index.html

[annacv]

🎉