Forráskód Böngészése

Make color selection accessible (#556)

By changing from a `<div>` to a `<button>`, it's now possible to use the space key in order to select it
Christopher Chedeau 5 éve
szülő
commit
5b19aeafe9
1 módosított fájl, 2 hozzáadás és 2 törlés
  1. 2 2
      src/components/ColorPicker.tsx

+ 2 - 2
src/components/ColorPicker.tsx

@@ -24,7 +24,7 @@ const Picker = function({
       <div className="color-picker-content">
         <div className="colors-gallery">
           {colors.map(color => (
-            <div
+            <button
               className="color-picker-swatch"
               onClick={() => {
                 onChange(color);
@@ -39,7 +39,7 @@ const Picker = function({
               ) : (
                 undefined
               )}
-            </div>
+            </button>
           ))}
         </div>
         <ColorInput