QColor is rising an error when it's inside a QMenu and you double click on it

[kevingermain]

If QColor is inside a QMenu and the user double click (by mistake for example) QColor rise an error Uncaught TypeError: Cannot read property 'clientWidth' of null and it's closing the menu even it's not the desired behavior.

Can be simply tested here: https://quasar.dev/vue-components/color-picker#with-qinput
Open the console first, try to double click, and see the error and the QMenu closing unexpectedly.

(it works if the screen is small enough (mobile mode for example))

[hawkeye64]

@kevingermain I am not seeing any issues here.

Can you try in incognito mode?

[kevingermain]

@hawkeye64 I tried with all disabled extensions, with brave (without the shield) and another chrome from another computer, still the issue (the issue is not showing with firefox).

Try to double click a lot on the same spot.

[MilosPaunovic]

After 10 minutes od relentles clicking, I've managed to reproduce the issue:

• Open color picker
• Click on any color and hold down the mouse button
• Swipe around selecting colors (don't let mouseup event occur)
• Quickly double click outside of picker

Repro video link.

It raise error in console:

[hawkeye64]

I am still unable to reproduce it. But, I have an idea what is happening. The mouse event queue is getting backed up and by the time you click outside, the panel has been destroyed, but mouse events are still coming in and being processed.

    function changeSpectrum (left, top, change) {
      const panel = spectrumRef.value
      if (panel === void 0) { return }

      const
        width = panel.clientWidth, // < -- here
        height = panel.clientHeight,
        rect = panel.getBoundingClientRect()

[rstoenescu]

Fix will be available in Quasar v2.0.3

[kevingermain]

The error disappear in the console but the problem still here. Can someone confirm please.