fix(drawing): fix accessibility for color picker components (#1310)

box · Dec 15, 2020 · 97b18c6 · 97b18c6
1 parent 4adb425
commit 97b18c6
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/src/lib/viewers/controls/color-picker/ColorPickerControl.tsx b/src/lib/viewers/controls/color-picker/ColorPickerControl.tsx
@@ -24,11 +24,6 @@ export default function ColorPickerControl({
 
     return (
         <div className="bp-ColorPickerControl">
-            {isColorPickerToggled && (
-                <div className="bp-ColorPickerControl-palette">
-                    <ColorPickerPalette colors={colors} data-testid="bp-ColorPickerPalette" onSelect={handleSelect} />
-                </div>
-            )}
             <button
                 className="bp-ColorPickerControl-button"
                 data-testid="bp-ColorPickerControl-button"
@@ -38,6 +33,11 @@ export default function ColorPickerControl({
             >
                 <div className="bp-ColorPickerControl-swatch" style={{ backgroundColor: activeColor }} />
             </button>
+            {isColorPickerToggled && (
+                <div className="bp-ColorPickerControl-palette">
+                    <ColorPickerPalette colors={colors} data-testid="bp-ColorPickerPalette" onSelect={handleSelect} />
+                </div>
+            )}
         </div>
     );
 }