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

Flickering screen when resizing window #17122

Open
DarkLite1 opened this issue Apr 18, 2024 · 0 comments
Open

Flickering screen when resizing window #17122

DarkLite1 opened this issue Apr 18, 2024 · 0 comments
Labels
area/components bug/1-hard-to-reproduce A reproduction is available, but it's hard to reproduce, so it has a lower priority. bug/1-repro-available A reproduction is available and needs to be confirmed. flavour/quasar-cli-vite kind/bug 🐞 mode/spa Qv2 🔝 Quasar v2 issues

Comments

@DarkLite1
Copy link

DarkLite1 commented Apr 18, 2024

What happened?

The screen starts to flicker at the moment you try to resize the window until you just see the scrollbar appear/disappear.

What did you expect to happen?

No flickering

Reproduction URL

https://codesandbox.io/p/github/DarkLite1/test/main?import=true

How to reproduce?

  1. Go to CodeSandbox
  2. Let the code run
  3. Right click the preview window and select "Close and open in a browser tab"
  4. Close the Typescript error message
  5. In the newly opened preview go to page "Help"
  6. Now resize the window up and down until you just see the scrollbar appear, notice flickering of the screen

It's not clear in the picture below, but at the point the scrollbar is displayed the screen starts to flicker:
image

Flavour

Quasar CLI with Vite (@quasar/cli | @quasar/app-vite)

Areas

Components (quasar), SPA Mode

Platforms/Browsers

Chrome, Microsoft Edge

Quasar info output

Operating System - Windows_NT(10.0.20348) - win32/x64
NodeJs - 20.11.1

Global packages
  NPM - 10.5.2
  yarn - Not installed
  @quasar/cli - 2.4.0
  @quasar/icongenie - Not installed
  cordova - Not installed

Important local packages
  quasar - 2.15.2 -- Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
  @quasar/app-vite - 1.8.0 -- Quasar Framework App CLI with Vite
  @quasar/extras - 1.16.11 -- Quasar Framework fonts, icons and animations
  eslint-plugin-quasar - Not installed
  vue - 3.4.23 -- The progressive JavaScript framework for building modern web UI.
  vue-router - 4.3.0
  pinia - Not installed
  vuex - Not installed
  vite - 2.9.18 -- Native-ESM powered web dev build tool
  eslint - 8.57.0 -- An AST-based pattern checker for JavaScript.
  electron - Not installed
  electron-packager - Not installed
  electron-builder - Not installed
  register-service-worker - 1.7.2 -- Script for registering service worker, with hooks
  @capacitor/core - Not installed
  @capacitor/cli - Not installed
  @capacitor/android - Not installed
  @capacitor/ios - Not installed

Quasar App Extensions
  *None installed*

Relevant log output

No response

Additional context

It seems to be related to #5932 but when we try the suggested solution it doesn't work.

@DarkLite1 DarkLite1 added kind/bug 🐞 Qv2 🔝 Quasar v2 issues labels Apr 18, 2024
@github-actions github-actions bot added area/components bug/1-hard-to-reproduce A reproduction is available, but it's hard to reproduce, so it has a lower priority. bug/1-repro-available A reproduction is available and needs to be confirmed. flavour/quasar-cli-vite mode/spa labels Apr 18, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area/components bug/1-hard-to-reproduce A reproduction is available, but it's hard to reproduce, so it has a lower priority. bug/1-repro-available A reproduction is available and needs to be confirmed. flavour/quasar-cli-vite kind/bug 🐞 mode/spa Qv2 🔝 Quasar v2 issues
Projects
None yet
Development

No branches or pull requests

1 participant