From 1639dad62477cd76135038084682ee7429c38eb1 Mon Sep 17 00:00:00 2001
From: "Grot (@grafanabot)" <43478413+grafanabot@users.noreply.github.com>
Date: Mon, 22 Aug 2022 17:13:12 +0200
Subject: [PATCH] ColorInputPicker: Fix popover in disabled state (#54000)
 (#54042)

(cherry picked from commit 2caaa7fba2942b1b7c0b22c44924085ed5c049f0)

Co-authored-by: Alex Khomenko <Clarity-89@users.noreply.github.com>
---
 .../grafana-ui/src/components/ColorPicker/ColorPickerInput.tsx  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/grafana-ui/src/components/ColorPicker/ColorPickerInput.tsx b/packages/grafana-ui/src/components/ColorPicker/ColorPickerInput.tsx
index 6e87286251c..47742427eef 100644
--- a/packages/grafana-ui/src/components/ColorPicker/ColorPickerInput.tsx
+++ b/packages/grafana-ui/src/components/ColorPicker/ColorPickerInput.tsx
@@ -51,7 +51,7 @@ export const ColorPickerInput = forwardRef<HTMLInputElement, ColorPickerInputPro
     return (
       <ClickOutsideWrapper onClick={() => setIsOpen(false)}>
         <div className={styles.wrapper}>
-          {isOpen && (
+          {isOpen && !inputProps.disabled && (
             <RgbaStringColorPicker
               data-testid={'color-popover'}
               color={currentColor}