PDA

View Full Version : GRID + Resizable -> Bugs on Opera



Arkilus
14 Jul 2007, 6:40 PM
Grids position in opera does not is centralized when applied Grid + Resizable:

http://img118.imageshack.us/img118/2443/extgridoperabugnq1.png

brian.moeskau
14 Jul 2007, 7:56 PM
You're going to have to provide a little more info. It looks like you just have a grid inside a box-wrapped container -- how does resizable come into play? The first thing I would do is inspect the CSS in Firebug to see where the padding is coming from. If you can't figure it out, please post the code that is generating this layout.

Arkilus
15 Jul 2007, 8:12 AM
Ya, inspecting it with opera dev tools, just found it:
http://img110.imageshack.us/img110/2444/operaextbugdevjp7.png
The resizable is applied with handles: 's', not visible with this bug.

If you want to see it happening, take a look at turionfans.heliohost.org/tfans with opera

mystix
15 Jul 2007, 8:44 AM
this is what i see with Opera 9.21:

http://img266.imageshack.us/img266/1267/operadp8.png

that's after i resized the grid.
don't see a problem there...

Arkilus
15 Jul 2007, 11:32 AM
Im using 9.21 also, but i dont know why in your computer it seems ok. Are you on linux? (ive got this problem with windows, havent tested on linux yet)
I've asked to other people to take a look at this site and they see the same problem i see.

mystix
15 Jul 2007, 4:20 PM
ran this using Opera 9.21 on WinXP SP2

jack.slocum
16 Jul 2007, 4:22 AM
Try changing you grid markup to:

<div id="rank-grid" style="border:1px solid #99bbe8;overflow: hidden; width: 665px; height: 300px;position:relative;left:0;top:0;"></div>

hlb
18 Jul 2007, 11:28 AM
I have just the same problem with Opera 9.21(and earlier version) in both mac & windows. It happens in the official paging example too:

http://farm2.static.flickr.com/1057/847362234_25cc8f993f_o.png

Jack, "position: relative" does not help...

jack.slocum
18 Jul 2007, 8:05 PM
hlb,

I just added it to the Ext paging example and it worked perfect.

Note: It's not just position:relative, it's the left:0; top:0; values that are critical.

position:relative;left:0;top:0;

hlb
18 Jul 2007, 10:58 PM
WOW, it works perfectly!

Jack++