From db3499f5e55ff236fcd03524cfa4e2afa8c56414 Mon Sep 17 00:00:00 2001
From: "Julien Carion (juca)" <juca@odoo.com>
Date: Tue, 24 Oct 2023 16:10:43 +0200
Subject: [PATCH] [IMP] devtools: highlight component on select

Small imp to highlight a component when it gets selected in the tree to
provide better visual feedback to the user when he is using arrow keys
navigation.
---
 tools/devtools/src/devtools_app/store/store.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tools/devtools/src/devtools_app/store/store.js b/tools/devtools/src/devtools_app/store/store.js
index 8837771f..b749d137 100644
--- a/tools/devtools/src/devtools_app/store/store.js
+++ b/tools/devtools/src/devtools_app/store/store.js
@@ -147,6 +147,7 @@ export const store = reactive({
     }
     component.selected = true;
     highlightChildren(component);
+    this.highlightComponent(path);
     const details = await evalFunctionInWindow(
       "getComponentDetails",
       [component.path],
@@ -334,7 +335,6 @@ export const store = reactive({
   setSearchIndex(index) {
     this.componentSearch.searchIndex = index;
     this.selectComponent(this.componentSearch.searchResults[index]);
-    this.highlightComponent(this.componentSearch.searchResults[index]);
   },
 
   // Replace the (...) content of a getter with the value returned by the corresponding get method