quasarframework / quasar

Quasar Framework - Build high-performance VueJS user interfaces in record time

Home Page:https://quasar.dev

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Using the slider in a color picker triggers an "Uncaught RangeError: Maximum call stack size exceeded" error in the onHueChange function.

Matt-Kaminski opened this issue · comments

What happened?

While interacting with a color picker component using a slider, an unhandled "Uncaught RangeError: Maximum call stack size exceeded" error occurs within the onHueChange event handler, indicating the presence of a straightforward infinite loop.

What did you expect to happen?

There should be no error.

Reproduction URL

https://codepen.io/Mateusz-Kamiski-the-decoder/pen/zYXKxzO

How to reproduce?

  1. Go to the provided reproduction link
  2. Use the slider to interact with the color picker
  3. See the "Maximum call stack size exceeded" error in the console

Flavour

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

Areas

Components (quasar)

Platforms/Browsers

Chrome

Quasar info output

No response

Relevant log output

[Vue warn]: Unhandled error during execution of component event handler 
  at <QSlider class="q-color-picker__hue non-selectable" modelValue=235 min=0  ... > 
  at <QTabPanel class="q-color-picker__spectrum-tab overflow-hidden" name="spectrum" > 
  at <BaseTransition appear=false persisted=false mode=undefined  ... > 
  at <Transition name=null > 
  at <QTabPanels modelValue="spectrum" animated=true > 
  at <QColor flat=false square=false format-model="hex"  ... > 
  at <BaseTransition appear=true persisted=false mode=undefined  ... > 
  at <Transition appear="" enter-active-class="animated fadeIn" leave-active-class="animated fadeOut"  ... > 
 
....

vendor.js:44244 Uncaught RangeError: Maximum call stack size exceeded
    at onHueChange (vendor.js:44244:7)
    at onHueChange (vendor.js:44244:7)
    at onHueChange (vendor.js:44244:7)
    at onHueChange (vendor.js:44244:7)
    at onHueChange (vendor.js:44244:7)
    at onHueChange (vendor.js:44244:7)
    at onHueChange (vendor.js:44244:7)
    at onHueChange (vendor.js:44244:7)
    at onHueChange (vendor.js:44244:7)
    at onHueChange (vendor.js:44244:7)

Additional context

No response