Opened 6 years ago

Closed 6 years ago

#17990 closed defect (fixed)

Dijit menus change position slightly when the browser is zoomed in or out and the user mouses in and out of the parent menu item

Reported by: lstratman Owned by: bill
Priority: undecided Milestone: 1.10
Component: Dijit Version: 1.9.3
Keywords: Cc:
Blocked By: Blocking:

Description

It's easiest to watch the attached video to understand what happens, but basically, menus can start to "float" around the screen slowly when you mouse in and out of the anchor item repeatedly while zoomed in or out in the browser.

The issue is in popup._repositionAll(), which detects a slight change to the size and position of the anchor element when it's moused over: it's casting the CSS position properties as ints when it tries to change them, but these properties are floats when the user is zoomed in or out. As such, this loss of precision leads to small positioning changes when done repeatedly.

It's easiest to reproduce this in Firefox, but I've been able to get the menus to float laterally using the same behavior in Chrome as well.

Change History (5)

comment:1 Changed 6 years ago by lstratman

comment:2 Changed 6 years ago by bill

Note that code came from f7e1c27065a0c3179fe8ec20f68eef11e035b7cb but w/out any special explanation of the parseInt(). Maybe it was just to strip off "px".

comment:3 Changed 6 years ago by bill

Milestone: tbd1.10
Owner: set to bill
Status: newassigned

comment:4 Changed 6 years ago by bill

I wish I could reproduce this, but it seems OK on test_Menu.html on FF29/Win7, at various zoom levels (80%, 90%, 110%, 120%).

comment:5 Changed 6 years ago by Bill Keese <bill@…>

Resolution: fixed
Status: assignedclosed

In 8c920c8b6da7d015c19c74049387f82af1611ef7/dijit:

Error: Processor CommitTicketReference failed
Unsupported version control system "git": Can't find an appropriate component, maybe the corresponding plugin was not enabled? 
Note: See TracTickets for help on using tickets.