-
Notifications
You must be signed in to change notification settings - Fork 99
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat(Sheet): add aria attributes #1555
Conversation
Preview is ready. |
Playwright Test Component is ready. |
<div | ||
ref={this.veilRef} | ||
className={sheetBlock('veil', veilTransitionMod)} | ||
onClick={isAnimating ? undefined : this.onVeilClick} | ||
onTransitionEnd={this.onVeilTransitionEnd} | ||
role="presentation" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There is no need to specify this. div has no semantics, and hasn't contain any children
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thank you for information!
But I don't know how to avoid eslint-disable-next-line jsx-a11y/click-events-have-key-events
because this div must be clickable. Maybe I could rewrite the component as a functional and use the useLayer
instead of the usual handler? I also think it would be nice to add FocusTrap to the sheet content
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Oh I see, then let's keep it
#690