sambruk/excalidraw
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make color selection accessible (#556)

Browse Source 
By changing from a `<div>` to a `<button>`, it's now possible to use the space key in order to select it
This commit is contained in:
Christopher Chedeau 2020-01-25 10:11:57 -08:00 committed by GitHub
parent 1bae203a78
commit 5b19aeafe9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/ColorPicker.tsx
View File

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