1192747 - Selects are too easily dismissed on click using Apple Magic mouse.

Status: NEW

(Core :: Layout: Form Controls, defect)

Description

[Stuart Colville [:muffinresearch]]

The select interface is really easy to dismiss if you inadvertently scroll at any point in trying to click on it to open the select.

I'm using an Apple Magic mouse which has no scroll wheel and scrolling is possible by moving your fingers on the surface of the mouse.

I notice that selects are very easy to accidentally dismiss if your finger is not completely still during the click.

Here's a video to demonstrate: https://www.dropbox.com/s/gpymvq3s113llr6/select-dimiss.mp4?dl=0

I see the same behaviour in Nightly 42.0a1 as well as stable 39.0.3

When the select flashes up and disappears very quickly that's when my finger isn't completely still during the click. The only way to get selects to not be dissmissed is to very consciously not move my finger.

As a comparision I've put chrome (44.0.2403.130) side by side. Using chrome it's not possible to accidently dimiss opening the select on click.

Test case used in the video: http://jsbin.com/moxora/2/

Comment 1

[yp+github]

It seems to be connected to whether the menu is displayed under the mouse or below the mouse. Try options 1 - 5 at http://www.scribblings.com/jsEventTrace/Demo/Demo.html and you'll see that with a Magic Mouse the menu sticks on a single click when 4 or 5 is the current selection and doesn't when 0-2 are the current selection.

Comment 2

[Victor]

I have this bug too with my Apple's Magic Mouse.
Please fix it.

Comment 3

[Markus]

I've got this issue. I'm on Firefox Developer Edition 60.0b7 (64-bit) and macOS 10.13.3. I'm a frontend developer and just switched from Chrome to Firefox. The problem occurs with all Magic Mice for me. Unfortunately this forces me to switch back to another browser until it's fixed.

Comment 4

[Dan]

This issue and 1350258 -- the font size for option items is too small for me and there is no way at all to make them larger -- prevent me from using Firefox.  Issues with selects (1409613) in general, to me, are a significant flaw in the browser vs. competition.

Comment 5

[Halil Özgür]

I'm having a similar problem with my Magic Mouse 2 too, apparently in the form of double clicks. It's occasional, a very rough number would be 1 in 3 clicks. I've monitored events in Firefox (Log Events) and Chrome (monitorEvents()).

Firefox always logs 2 separate clicks. When it functions normally, it logs both after selecting an option. When it malfunctions, it immediately closes the select just after clicking on it, logging both events.

Chrome logs a single click normally, as soon as I click on it. But sometimes it logs a dblclick, which I guess corresponds to the issue. But it still does not close the select. I'm not sure if they implemented a workaround, or if it's simply due to the nature of it.

Based on some searching, it seems like the double click issue related to Magic Mouses is a known one. I'm thinking about getting a new mouse since it's clunky otherwise anyway, and has some other edge cases. In the meantime I might have to switch browsers, since this is really annoying.

Comment 6

[Halil Özgür]

And while I said "Magic Mouse", it seems there is a widespread issue happening on many input devices based on various reports on the net. I've checked the trackpad on my MacBookPro13,3 (15", 2016). It still logs 2 clicks on Firefox but I couldn't reproduce the issue. And similarly, I couldn't get it to log a dblclick on Chrome. I'll try to check some other devices and report back.

Comment 7

[yp+github]

I don't know if it is a FireFox fix or a Catalina Fix but finally this seems fixed for me.

Comment 8

[Dan]

This appears to be the same issue: https://bugzilla.mozilla.org/show_bug.cgi?id=1430892

Comment 9

[kuleme]

I have this issue too. Please fix it.