From 4c8a63320cc3acac513e4019b97ded5ee058578a Mon Sep 17 00:00:00 2001
From: Tobias Skarhed <1438972+tskarhed@users.noreply.github.com>
Date: Tue, 18 Feb 2025 15:57:53 +0100
Subject: [PATCH] Multi/Combobox: Use pointer cursor when not focused (#100878)

Combobox: Add pointer when not focused
---
 .../grafana-ui/src/components/Combobox/getComboboxStyles.ts | 6 ++++++
 .../src/components/Combobox/getMultiComboboxStyles.ts       | 2 ++
 2 files changed, 8 insertions(+)

diff --git a/packages/grafana-ui/src/components/Combobox/getComboboxStyles.ts b/packages/grafana-ui/src/components/Combobox/getComboboxStyles.ts
index 6c788b15cbd..7bee7c19199 100644
--- a/packages/grafana-ui/src/components/Combobox/getComboboxStyles.ts
+++ b/packages/grafana-ui/src/components/Combobox/getComboboxStyles.ts
@@ -126,6 +126,12 @@ export const getComboboxStyles = (theme: GrafanaTheme2) => {
       '> div > div:last-child': {
         pointerEvents: 'none',
       },
+      '& input': {
+        cursor: 'pointer',
+      },
+      '& input:focus': {
+        cursor: 'text',
+      },
     }),
     addaptToParent: css({
       label: 'combobox-addapt-to-parent',
diff --git a/packages/grafana-ui/src/components/Combobox/getMultiComboboxStyles.ts b/packages/grafana-ui/src/components/Combobox/getMultiComboboxStyles.ts
index 3b330240995..da77745e779 100644
--- a/packages/grafana-ui/src/components/Combobox/getMultiComboboxStyles.ts
+++ b/packages/grafana-ui/src/components/Combobox/getMultiComboboxStyles.ts
@@ -54,7 +54,9 @@ export const getMultiComboboxStyles = (
       },
       '&:focus': {
         outline: 'none',
+        cursor: 'text',
       },
+      cursor: 'pointer',
     }),
 
     pillWrapper: css({