mirror of https://github.com/vector-im/riot-web
Switch ReactionsRowButton to an AccessibleButton for space/enter handling
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>pull/21833/head
parent
89fdfd7a23
commit
680c5c2b27
|
@ -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>;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue