From fc5fa4a349f14ba86343cb5cc17c774c7dba7485 Mon Sep 17 00:00:00 2001
From: Andrey Goncharov <aigoncharov@meta.com>
Date: Wed, 20 Sep 2023 05:39:33 -0700
Subject: [PATCH] Fix styles of non-interactive elements

Summary: Make non-interactive elements non-focusable and disable hover styles for them

Reviewed By: LukeDefeo

Differential Revision: D49455532

fbshipit-source-id: a047e1a149ab4131feef70b80a4995b455441701
---
 .../flipper-plugin/src/ui/PowerSearch/PowerSearchTerm.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/desktop/flipper-plugin/src/ui/PowerSearch/PowerSearchTerm.tsx b/desktop/flipper-plugin/src/ui/PowerSearch/PowerSearchTerm.tsx
index 3ab0b1757..d2a7404cc 100644
--- a/desktop/flipper-plugin/src/ui/PowerSearch/PowerSearchTerm.tsx
+++ b/desktop/flipper-plugin/src/ui/PowerSearch/PowerSearchTerm.tsx
@@ -167,9 +167,13 @@ export const PowerSearchTerm: React.FC<PowerSearchTermProps> = ({
 
   return (
     <Space.Compact block size="small">
-      <Button>{searchTerm.field.label}</Button>
+      <Button tabIndex={-1} style={{pointerEvents: 'none'}}>
+        {searchTerm.field.label}
+      </Button>
       {searchTerm.operator.label ? (
-        <Button>{searchTerm.operator.label}</Button>
+        <Button tabIndex={-1} style={{pointerEvents: 'none'}}>
+          {searchTerm.operator.label}
+        </Button>
       ) : null}
       {searchValueComponent}
       <Button