treehouse
/
emoji-mart-lazyload
19
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix preact compat

release
Nolan Lawson 2019-03-13 07:55:35 -07:00
parent 585b4b374f
commit f53d9b8c71
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/components/skins-dot.js
View File

@ -32,17 +32,17 @@ export default class SkinsDot extends Skins {
className={`emoji-mart-skin-swatch${selected ? ' selected' : ''}`} className={`emoji-mart-skin-swatch${selected ? ' selected' : ''}`}
aria-label={i18n.skintones[skinTone]} aria-label={i18n.skintones[skinTone]}
aria-hidden={!visible} aria-hidden={!visible}
{...opened && { role: 'menuitem' }} {...opened ? { role: 'menuitem' } : {}}
> >
<span <span
onClick={this.handleClick} onClick={this.handleClick}
onKeyDown={this.handleKeyDown} onKeyDown={this.handleKeyDown}
role="button" role="button"
{...selected && { {...selected ? {
'aria-haspopup': true, 'aria-haspopup': true,
'aria-expanded': !!opened, 'aria-expanded': !!opened,
}} } : {}}
{...opened && { 'aria-pressed': !!selected }} {...opened ? { 'aria-pressed': !!selected } : {}}
tabIndex={visible ? '0' : ''} tabIndex={visible ? '0' : ''}
aria-label={i18n.skintones[skinTone]} aria-label={i18n.skintones[skinTone]}
title={i18n.skintones[skinTone]} title={i18n.skintones[skinTone]}
@ -58,7 +58,7 @@ export default class SkinsDot extends Skins {
className={`emoji-mart-skin-swatches${opened ? ' opened' : ''}`} className={`emoji-mart-skin-swatches${opened ? ' opened' : ''}`}
aria-label={i18n.skintext} aria-label={i18n.skintext}
> >
<div {...opened && { role: 'menubar' }}>{skinToneNodes}</div> <div {...opened ? { role: 'menubar' } : {}}>{skinToneNodes}</div>
</section> </section>
) )
} }