#7083 closed bug (notabug)

Opened March 08, 2011 08:22AM UTC

Closed March 08, 2011 01:01PM UTC

ui-helper-hidden-accessible not working correctly in IE6 or IE7

When I use this class on a <button> element, in IE6 and IE7 the button is still visible like before.

I modified the style and it is working now, but I'm not sure, if this can break usage od ui-helper-hidden-accessible elsewhere.

Original style:

.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }

Note also the duplicate clip: rect(1px 1px 1px 1px); - that's a bug I guess

My version, working in IE6 and IE7:

.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px,1px,1px,1px); left: 999999px; }

Attachments (0)

Change History (3)

It actually works, I've just tried to isolate the problem and when using the original code, it is hidden in IE6 and IE7 too

clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px);

Please add at least some comment to the jqueryUI code why we need double declaration of clip: rect;

component:	ui.core → CSS Framework

The duplicate clip is not a bug, it's required for cross-browser support.

resolution:	→ invalid
status:	new → closed

Closing since the original reporter said it works.