299787 - Cannot nest a tabbed pane in a stack

Status: UNCONFIRMED

(Core :: XUL, defect)

Description

[Tennessee Leeuwenburg]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8b2) Gecko/20050531 Firefox/1.0+
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8b2) Gecko/20050531 Firefox/1.0+

You cannot change tabs in a tabbed pane which is a child of a stack.

Reproducible: Always

Steps to Reproduce:
<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>

<window 
        title="Bureau of Meteorology Data Viewer"
        orient="horizontal"
        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
        xmlns:html="http://www.w3.org/1999/xhtml"
        align="start"
>

        <stack>

                <hbox style="margin: 45px;" id="applicationwindow">
        
        
                        <tabbox id="controls">
                                <tabs>
                                        <tab label="Controls"/>
                                        <tab label="Data Finder"/>
                                        <tab label="Help!"/>
                                </tabs>
                        
                                <tabpanels height="450" width="350" flex="0">
                                        <tabpanel id="control-tab"
orient="vertical">     
                                        </tabpanel>
                        
                                        <tabpanel id="data-tab" width="350"
orient="vertical">
                                        </tabpanel>
                                        
                                        <tabpanel id="help-tab">
                                        </tabpanel>
                                </tabpanels>
                        
                        </tabbox>
        
                       <vbox align="center" flex="1" style="margin: 45px;">

                        </vbox>
        
                </hbox>

                <hbox id="boxFauxPopup"> </hbox>

        </stack>

</window>

Comment 1

[Alberto González Palomo]

It is not surprising that the tabs don't change, because the hbox on top ("boxFauxPopup") gets the events, not the tabbox.

You get the same effect if you put a button in place of the tabbox: clicking where the button is does not have any affect because the hbox gets the clicks.
Using the DOM Inspector you can see that the boxFauxPopup box covers the whole tabbox.

If you want to keep that box invisible until you have something to display there, you can set the "hidden" attribute to "true": this way the tabbox receives the events, and you can change tabs. Then, when you put some content for display in boxFauxPopup, you change the attribute to "false" to make the content visible. I guess at this point it would actually be useful that you can't change tabs if you are displaying something on top.