On IE8 and even IE10, fieldgroup tabs inside a colorbox are broken.
Specifically i'm using colorbox_node module to render a node within a colorbox;
the javascript to switch tabs doesn't work and the "behind" tab content is not rendered correctly or at all.
(Sorry I don't have more information, but that's how it goes when you get these bug reports through the grapevine.)

Has anyone else run into this and successfully solved the issue?

CommentFileSizeAuthor
#3 Screenshot 2:8:13 9:59 AM.png86.05 KBaaronbauman

Comments

frjo’s picture

frjo commented
Project: Colorbox » Colorbox Node

I believe this is an issue for the colorbox_node module.

iLLin’s picture

iLLin commented

All this module does is display w/e content is rendered into a colorbox modal. It uses the built in AJAX framework to return and render that content. You will need to provide more information on what the problem is. Does it work in IE9? If it works in IE9 but not IE8/IE10 then it is most likely a styling issue. You will need to figure that out.

I would of said it could be a JS issue (which it still could be) are you getting any JS error? If not then its a styling problem. Start adding some zooms and relatives until it works lol.

aaronbauman’s picture

aaronbauman
he/him
commented
StatusFileSize
new Screenshot 2:8:13 9:59 AM.png86.05 KB

After updating to latest versions of all modules and libraries, IE10 htabs are working. woohoo!
IE9 is also working.
IE8 htabs are still broken.
htabs work OK on the node, but not in the colorbox.
There are no javascript errors (yes script debugging is enabled).
The tabs are rendered, and the "active" and "inactive" classes are assigned properly on clicking, but all tab content is displayed at once:

the content labeled "incorrect" is supposed to be part of the "supplier details" tab.

My instinct is that something in this CSS declaration doesn't work, but only within the colorbox modal:

.horizontal-tabs .horizontal-tab-hidden {
display: block;
position: absolute;
top: -100000px;
width: 100%;
}

Any ideas?

iLLin’s picture

iLLin commented

I wonder why they don't use a display none when hiding tabs? Try adding a display none to the hidden class and see if that works with all browsers. Positioning it absolute to the top with a negative seems a little strange to me. Anyway give that a shot.

iLLin’s picture

iLLin commented
Status: Active » Closed (works as designed)