PDA

View Full Version : Resizable opacity bug



evant
9 Jul 2007, 7:08 PM
Version: 1.1b2
Adapter: ext-base
Browser affected: Vista, IE7
Example: http://www.bosweb.com.au/evan/test2.html

To reproduce:
1) Drag the resizable from it's initial position (it doesn't always happen first time, but usually within a few drags)

You'll see that sometimes the right and bottom border disappear. Also notice that part of the text is covered with the 'placeholder' for top the resizable.

Firefox is not affected.

Cheers,
Evan

mystix
9 Jul 2007, 7:21 PM
confirmed this missing border problem in WinXP IE6 too.

evant
9 Jul 2007, 7:31 PM
To illustrate the issue more clearly, I added a mouseover/mouseout event to toggle the opacity.

jack.slocum
9 Jul 2007, 9:19 PM
This is actually the "rounding error" bug in IE that has no known workaround. Absolute positioned elements floated right or bottom get positioned incorrectly at random. The only workaround I know of is to make sure the container has overflow hidden and the affected handles have a -1px margin. This still doesn't work perfectly on all occasions.

Sometimes adding zoom:1 to the containing element will help as well, but not always.

Sorry to not have a better response.

evant
9 Jul 2007, 9:49 PM
Just FYI,

Adding overflow: hidden fixed the bottom/right borders, but still cut off the text at the top (tried the margin -1px and zoom didn't appear to work).

Cheers.