PDA

View Full Version : [FIXED-566] Grouptab Example joint



mikegiddens
11 Feb 2010, 12:31 AM
There is a z-index issue with the joint between the tabs and the body

Go to offical example:
http://www.extjs.com/deploy/dev/examples/grouptabs/grouptabs.html

Go to the dashboard tab and click on any gear next to the [x] to make the alert come up.

You will notice that the

<div class="x-tab-joint" id="ext-gen29" style="height: 90px; left: -2px; top: 1px;"></div>

Is above the mask and if you move the alert over the top of the joint it will also be on top. If I set a z-index for this it goes away. Not sure what the best fix is for this but sure you will find one.

Cheers.

mystix
11 Feb 2010, 2:00 AM
Which browser?

kjleng
12 Feb 2010, 10:25 AM
I can repro it in Opera, Firefox and Chrome

When you click one of the gear tools, you can see the joint above the mask, and if drag the window to the joint and release, the joint will be on top of the window

jayrobinson
23 Feb 2010, 11:19 AM
The .x-tab-joint simply needs to have a z-index lower than the shadow div. The shadow div is 9000, so a value of 8999 does the trick.

Thanks! This example has been updated in 3.1.x and 3.2.x.