We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
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
ContentProps['aria-describedby']
In Material-UI snackbars, we can pass
ContentProps: { 'aria-describedby': 'our-custom-id' }
and that aria-describedby value will get assigned to the snackbar content wrapper. I would expect that to be the same here.
In notistack, all the multiple snackbars use a default aria-describedby of #client-snackbar, regardless of what is passed via ContentProps.
ContentProps
Link: https://codesandbox.io/embed/notistack-simple-example-5t53w
<div class="MuiTypography-root-6805 MuiTypography-body1-6814 MuiPaper-root-5596 MuiPaper-elevation6-5604 MuiSnackbarContent-root-6802 SnackbarItem-base-6788" role="alertdialog" aria-describedby="client-snackbar" direction="left" style="transform: translate(0px); transition: transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms;"> <div class="MuiSnackbarContent-message-6803"> <span id="client-snackbar" class="SnackbarItem-message-6794"> <span>Message 1</span> </span> </div> <div class="MuiSnackbarContent-action-6804"> <button>X</button> </div> </div>
We have occasions in our app where we need to display multiple snackbars at a time and need unique aria tags for our accessibility requirements.
The text was updated successfully, but these errors were encountered:
acfaaa7
Thanks for reporting this @ProtectedVoid. the fix has been published as v0.9.0
v0.9.0
Sorry, something went wrong.
still not work in 0.9.7
No branches or pull requests
Expected Behavior
In Material-UI snackbars, we can pass
and that aria-describedby value will get assigned to the snackbar content wrapper. I would expect that to be the same here.
Current Behavior
In notistack, all the multiple snackbars use a default aria-describedby of #client-snackbar, regardless of what is passed via
ContentProps
.Steps to Reproduce
Link: https://codesandbox.io/embed/notistack-simple-example-5t53w
Context
We have occasions in our app where we need to display multiple snackbars at a time and need unique aria tags for our accessibility requirements.
Your Environment
The text was updated successfully, but these errors were encountered: