Slow performance on Firefox when using scrollbar about element-queries-spec

[tomhodgins]

Hi Nick! The event listener for mouseup only send EQCSS.throttle() while the mouse is down. This means click-and-drag functionality can meet EQCSS conditions before the mouseup event!

I wonder if there's a way we could make it ignore the scrollbar and only send EQCSS.throttle() if you're clicking on an element inside the page 🤔

[scooterlord]

Hello Tom and thanks for your reply. However, the question is, in which case scenario would this be used? Why would a user need an EQCSS trigger on mousemove?

[tomhodgins]

Hi Nick!

The reason for the mousemove functionality is so that EQCSS will recalculate during times when the user is clicking and dragging elements on the page, without the browser resizing. Many of the demos on http://elementqueries.com make use of this (allowing you to click and drag until the query applies and you see it right away) or for building things like this:

• http://staticresource.com/double-draggin.html
• http://codepen.io/tomhodgins/pen/gwZqOR

I'm still looking at ways to test to see if there browser is aware whether you're clicking on the document versus a scrollbar and I've had some success, but it's hard finding a scrollbar-detecting test that works reliably in all browsers.

[scooterlord]

Aha, now it makes sense. I'll try to squeeze some tests as soon as I find some spare time concerning the detection of using mousedown on a scrollbar.