[FIXED-566] Grouptab Example joint

[mikegiddens]

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]

Which browser?

[kjleng]

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]

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.