Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-19 01:22:11 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

fire click event on key down in button

Browse source
This commit is contained in:
NikolaBorislavovHristov 2019-11-13 20:50:14 +02:00
parent 8a99c3940f
commit 7bd6cfff27
1 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/common/Button/Button.js
View file

@ -3,15 +3,15 @@ const classnames = require('classnames');
const styles = require('./styles');
const Button = React.forwardRef(({ children, ...props }, ref) => {
const onKeyUp = React.useCallback((event) => {
if (typeof props.onKeyUp === 'function') {
props.onKeyUp(event);
const onKeyDown = React.useCallback((event) => {
if (typeof props.onKeyDown === 'function') {
props.onKeyDown(event);
}
if (event.key === 'Enter' && !event.nativeEvent.buttonClickPrevented) {
event.currentTarget.click();
}
}, [props.onKeyUp]);
}, [props.onKeyDown]);
const onMouseDown = React.useCallback((event) => {
if (typeof props.onMouseDown === 'function') {
props.onMouseDown(event);
@ -31,7 +31,7 @@ const Button = React.forwardRef(({ children, ...props }, ref) => {
...props,
ref,
className: classnames(props.className, styles['button-container'], { 'disabled': props.disabled }),
onKeyUp,
onKeyDown,
onMouseDown
},
children