Switch ReactionsRowButton to an AccessibleButton for space/enter handling

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
pull/21833/head
Michael Telatynski 2019-12-07 12:20:06 +00:00
parent 89fdfd7a23
commit 680c5c2b27
1 changed files with 3 additions and 4 deletions

View File

@ -126,10 +126,9 @@ export default class ReactionsRowButton extends React.PureComponent {
); );
} }
return <span className={classes} const AccessibleButton = sdk.getComponent('elements.AccessibleButton');
role="button" return <AccessibleButton className={classes}
aria-label={label} aria-label={label}
tabindex="0"
onClick={this.onClick} onClick={this.onClick}
onMouseOver={this.onMouseOver} onMouseOver={this.onMouseOver}
onMouseOut={this.onMouseOut} onMouseOut={this.onMouseOut}
@ -141,6 +140,6 @@ export default class ReactionsRowButton extends React.PureComponent {
{count} {count}
</span> </span>
{tooltip} {tooltip}
</span>; </AccessibleButton>;
} }
} }