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
Matt-Kaminski commented
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?
- Go to the provided reproduction link
- Use the slider to interact with the color picker
- 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