Skip to main content

Search and Top Navigation

#9118 closed bug (fixed)

Opened February 24, 2013 07:29PM UTC

Closed February 25, 2013 08:36PM UTC

Last modified February 27, 2013 12:00AM UTC

Autocomplete: Mouse auto-highlights option in Firefox

Reported by: gneier99 Owned by:
Priority: minor Milestone: 1.10.2
Component: ui.autocomplete Version: 1.10.1
Keywords: Cc:
Blocked by: Blocking:
Description

Hi Folks,

This is a bug I've seen for months now, finally prompted to report a bug. It can be seen in the demo page (http://jqueryui.com/autocomplete/#custom-data) and is reduced in the jsfiddle.

Problem: suggestion is auto-highlighted when mouse is positioned below <input>.

Browser: modern Firefox (16,17,18,19)

OS: PC, MAC

JSFiddle: http://jsfiddle.net/sSPn5/

To reproduce:

1. click in <input> to gain focus

2. move mouse a little below <input>

3. type "j", "q"

4. note that a selection like "JQuery" is autohighlighted. In other browsers, you have to wiggle the mouse to highlight.

4. if you click "enter", this selection is copied to the <input> and the form submitted

From playing with the jquery UI code, an internal ui overlay focus event is fired.

Thank you,

Gary

Attachments (0)
Change History (9)

Changed February 24, 2013 08:37PM UTC by tj.vantoll comment:1

status: newopen
summary: jQuery Autocomplete - autohighlight in FirefoxAutocomplete: Mouse auto-highlights option in Firefox

Verified this against master http://jsfiddle.net/sSPn5/1/. The behavior does not occur in IE10, Chrome, Safari, or Opera. I find it very interesting that the auto highlighting occurs on the 2nd character typed.

Changed February 24, 2013 08:42PM UTC by tj.vantoll comment:2

Changed February 25, 2013 04:07AM UTC by gneier99 comment:3

A partial fix to the same problem was addressed 9 months ago: http://bugs.jqueryui.com/ticket/7024

Changed February 25, 2013 08:36PM UTC by Scott González comment:4

resolution: → fixed
status: openclosed

Autocomplete: Set isNewMenu flag on every suggestion. Fixes #9118 - Autocomplete: Mouse auto-highlights option in Firefox.

Changeset: d5d3a745b00dd476195cf25b35cc02f3bc31f814

Changed February 25, 2013 08:43PM UTC by scottgonzalez comment:5

milestone: none1.10.2

Changed February 25, 2013 08:59PM UTC by scottgonzalez comment:6

If you're feeling adventurous, you can go to about:config and create a new boolean preference layout.reflow.synthMouseMove and set it to false. The bug will go away :-)

I'm discussing this with Mozilla devs right now, trying to get a change upstream.

Changed February 25, 2013 11:49PM UTC by gneier99 comment:7

Hi Scott,

Thank you for the quick reply. Regarding the isNewMenu flag.. you mean to see it to TRUE permanently? I assume not, as that would cause other problems.

The flag currently flips from true to false and back to true when the overly closes. In the jsfiddle, using the latest jQ UI code that has isNewMenu, the auto-highlight still happens.

In order to fix this in my (older) version of jQ UI (1.8.23), I had to strip out a bit in menu:focus and start tracking the mouse position. This is working for the time being.

I'll start upgrading to jQ 1.91 and jQ UI 1.10.. and revisit this later

thank you,

-Gary

Changed February 26, 2013 05:38PM UTC by scottgonzalez comment:8

It's not set to true permanently. It's set to true on every new suggestion and set to false after the first mouseover/menufocus event.

Changed February 27, 2013 12:00AM UTC by gneier99 comment:9

Thanks Scott,

I see your edit here: https://github.com/jquery/jquery-ui/commit/d5d3a745b00dd476195cf25b35cc02f3bc31f814

You guys are quick.

-Gary