Skip to main content

Bug Tracker

Side navigation

#12657 closed bug (notabug)

Opened October 04, 2012 10:23PM UTC

Closed October 04, 2012 11:59PM UTC

ui-helper-hidden-accessible class "hiding" is broken in Chrome

Reported by: chris@nilk.net Owned by:
Priority: undecided Milestone: None
Component: unfiled Version: 1.8.2
Keywords: Cc:
Blocked by: Blocking:
Description

We're seeing an issue in Chrome Version 22.0.1229.79 m (latest as of writing this) that a <select> tag with the ui-helper-hidden-accessible class applied inside an absolutely or relatively positioned container is not being hidden.

The problem happens because the style is applying left: -99999999px; which appears to be too large of a number and is reverting it to left: 0px;, left justifying it with the inside of its parent that is absolutely or relatively positioned.

The offending line is

.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }

in file

http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/redmond/jquery-ui.css

This only appears to happen in Chrome, but similarly it only happens with this class (the others have smaller values for the left positioning.)

The largest number that appears to work in Chrome is: left: -35789999px;

I will also attempt to file this as a Chrome bug as well, but in the meantime jQuery is causing it to happen by having a value that's too large.

Attachments (0)
Change History (1)

Changed October 04, 2012 11:59PM UTC by scottgonzalez comment:1

resolution: → notabug
status: newclosed

Not only is this about jQuery UI, not jQuery core, but you're over 20 versions behind. Upgrade.