question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Bug Report] Re-using a snackbar with different timeout does not work

See original GitHub issue

Versions and Environment

Vuetify: 1.3.12 Vue: 2.5.20 Browsers: Chrome 70.0.3538.110 OS: Mac OS 10.14.1

Steps to reproduce

In codepen:

  1. Press “show snackbar”
  2. Press one of the other two buttons within 3 seconds

Expected Behavior

Snackbar will stay for 10 sec or forever, dependent on button pressed

Actual Behavior

Snackbar disappears 3 seconds after initial display

Reproduction Link

https://codepen.io/everhardt/pen/pqJvNM

Other comments

The timeout parameter can now only be used when the v-model of the snackbar is set to false. Reusing the snackbar with a different timeout cannot easily be done when it is currently shown, as

this.show = false;
this.timeout = 0;
this.show = true;

will not trigger a refresh. Only

this.show = false;
Vue.nextTick(function () {
  // DOM updated
  this.timeout = 0;
  this.show = true;
})

will.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:5 (1 by maintainers)

github_iconTop GitHub Comments

5reactions
CharlelieBouviercommented, May 1, 2019

Got the same issue, fixed doing this :

  this.snackbar.show = false
  this.$nextTick(() => {
    this.snackbar.show = true
    this.snackbar.text = text
    this.snackbar.color = color
  })
1reaction
johnleidercommented, Jun 3, 2020

resolved by #11542

If you have any additional questions, please reach out to us in our Discord community.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Vuetify Snackbar disappears after x seconds, how to prevent that
but the Snackbar just dissapears after ~6 seconds, the docs say that 0 should Prevent that from Happening but it wont work. vue.js...
Read more >
@rmwc/snackbar | Yarn - Package Manager
Snackbars provide brief feedback about an operation through a message at the bottom of the screen. Module @rmwc/snackbar; Import styles: Using CSS Loader....
Read more >
TFS Error: TF30063 You are not authorized
After the “You are not authorized” error has occurred, run the following command in the Command Window: Tfs.tfc trace /stop. This will flush...
Read more >
Query: Advanced Search - Wikimedia Phabricator
T307790 Mediawiki 1.37 - VisualEditor - "Error contacting the Parsoid/RESTBase server: (curl error: 28) Timeout was reached"(sometimes, not always).
Read more >
4 Steps To Improve HTTP Request Performance in Dotnet ...
The Performance Issues. I have primarily experienced this issue in my Xamarin Apps. While monitoring my app's crash and error reports, ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found