Skip to content
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

[Bug Report] Flickering in circular progress bar #12813

Closed
DavidMulder0 opened this issue Dec 20, 2020 · 5 comments
Closed

[Bug Report] Flickering in circular progress bar #12813

DavidMulder0 opened this issue Dec 20, 2020 · 5 comments
Assignees
Labels
C: VProgressCircular VProgressCircular T: bug Functionality that does not work as intended/expected
Milestone

Comments

@DavidMulder0
Copy link

Environment

Vuetify Version: 2.3.21
Vue Version: 2.6.11
Browsers: Chrome 87.0.4280.88
OS: Windows 10

Steps to reproduce

Play the reproduction link

Expected Behavior

There should be no flickering

Actual Behavior

See frame number 25, it's completely white.
flicker

Note: The gif is non-looping, so the weird jump on the left is NOT an issue, it's about the white flicker on the right.

Reproduction Link

https://codepen.io/DavidMulder/pen/ExgvyaV?editors=111

@ghost ghost added the S: triage label Dec 20, 2020
@dsseng
Copy link
Contributor

dsseng commented Dec 21, 2020

This is specific to Chrome.
Firefox 83 -- no flicker
Chrome 88 -- flicker

@polymer-coder
Copy link

@DavidMulder0 can confirm it's probably a browser issue, using Chrome version 87.0.4280.88 (Official Build) (64-bit) and I see no flicker on the code pen

@DavidMulder0
Copy link
Author

DavidMulder0 commented Dec 26, 2020

@polymer-coder For whatever it's worth, seeing the flicker in both Chrome 87.0.4280.88 (stable) and 89.0.4368.0 (canary).

@sh7dm Sorry for forgetting to test Firefox, but yes, seeing the same thing (no flicker in Firefox)

@dsseng
Copy link
Contributor

dsseng commented Dec 26, 2020

@DavidMulder0 what is your GPU? This might be relevant. Do you have any experimental settings enabled?

@DavidMulder0
Copy link
Author

DavidMulder0 commented Dec 26, 2020

@sh7dm No experimental settings in Edge or Canary where I see the flicker.

Seeing the issue on two laptops (both Windows), one has a Nvidia Quadro P1000, the other a Intel R UHD Graphics 620.

For what it's worth, not seeing the flicker on my android chrome.

Also: Not seeing the flicker on Chrome on a Macbook.

@KaelWD KaelWD added C: VProgressCircular VProgressCircular T: bug Functionality that does not work as intended/expected and removed S: triage labels Jun 22, 2021
@KaelWD KaelWD self-assigned this Jun 22, 2021
@KaelWD KaelWD added this to the v2.5.x milestone Jun 22, 2021
@KaelWD KaelWD closed this as completed in 944077e Jun 22, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
C: VProgressCircular VProgressCircular T: bug Functionality that does not work as intended/expected
Projects
None yet
Development

No branches or pull requests

4 participants