Skip to content

Snackbar examples disappear with no ability to adjust timing #15043

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

Closed
mfairchild365 opened this issue Jan 31, 2019 · 1 comment · Fixed by #15116
Closed

Snackbar examples disappear with no ability to adjust timing #15043

mfairchild365 opened this issue Jan 31, 2019 · 1 comment · Fixed by #15116
Assignees
Labels
Accessibility This issue is related to accessibility (a11y) docs This issue is related to documentation help wanted The team would appreciate a PR from the community to address this issue P4 A relatively minor issue that is not relevant to core functions

Comments

@mfairchild365
Copy link

What is the expected behavior?

Users should have enough time to find and interact with the example snackbar content before it disappears.

What is the current behavior?

Users might not have enough time to find and interact with the example snackbar content before it disappears.

What are the steps to reproduce?

  1. Open the snackbar example
  2. Click the "pizza party" button
  3. Observe that the snackbar is displayed for about 3 seconds before being removed

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Is there anything else we should know?

With the current timeout, users might not be able to find the content when using a screen magnifier before it disappears.

A few possible solutions might be to:

  1. add a mechanism to the example that lets users adjust the timeout
  2. require that users acknowledge the snackbar before it disappears

This issue should also be discussed in the accessibility section of the documentation for the component.

@jelbourn jelbourn added Accessibility This issue is related to accessibility (a11y) docs This issue is related to documentation P4 A relatively minor issue that is not relevant to core functions help wanted The team would appreciate a PR from the community to address this issue labels Feb 6, 2019
crisbeto added a commit to crisbeto/material2 that referenced this issue Feb 7, 2019
Adds the ability to control the duration of the snack bar in the custom snack bar demo. Also bumps the default duration so people have more time to read it.

Fixes angular#15043.
@crisbeto crisbeto self-assigned this Feb 7, 2019
@crisbeto crisbeto added the has pr label Feb 7, 2019
crisbeto added a commit to crisbeto/material2 that referenced this issue Feb 7, 2019
Adds the ability to control the duration of the snack bar in the custom snack bar demo. Also bumps the default duration so people have more time to read it.

Fixes angular#15043.
jelbourn pushed a commit that referenced this issue Feb 7, 2019
…5116)

Adds the ability to control the duration of the snack bar in the custom snack bar demo. Also bumps the default duration so people have more time to read it.

Fixes #15043.
jelbourn pushed a commit that referenced this issue Feb 11, 2019
…5116)

Adds the ability to control the duration of the snack bar in the custom snack bar demo. Also bumps the default duration so people have more time to read it.

Fixes #15043.
@angular-automatic-lock-bot
Copy link

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Sep 10, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Accessibility This issue is related to accessibility (a11y) docs This issue is related to documentation help wanted The team would appreciate a PR from the community to address this issue P4 A relatively minor issue that is not relevant to core functions
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants