Third-party Vaadin Component is not showed in accordion or details layouts

Support
#1

Hi,
I have some problems with third-party Vaadin component if this is under others layouts, like accordion, details. Under root layout tag the component is showed like:

...
<layout expand="mapContainer" spacing="true">
        <details summaryText="msg://details.label">
        <hbox id="optCheckBox">
            <checkbox label="msg:///checkbox.label"
                      property="active" value="false"
                      id="checkbox"/>
            <checkbox id="checkboxElevation"
                      property="active" value="false"
                      label="msg://checkbox.label.elevation"/>
        </hbox>
        </details>
        <vbox id="mapContainer" width="100%" minHeight="380px"/>
</layout>
...

image

But if I move vbox to under details/accordion layout the map component is not showed in vbox layout, like:

...
<layout expand="mapContainer" spacing="true">
        <details summaryText="msg://details.label">
        <hbox id="optCheckBox">
            <checkbox label="msg:///checkbox.label"
                      property="active" value="false"
                      id="checkbox"/>
            <checkbox id="checkboxElevation"
                      property="active" value="false"
                      label="msg://checkbox.label.elevation"/>
        </hbox>
        <vbox id="mapContainer" width="100%" minHeight="380px"/>
        </details>
</layout>
...

image

In Cuba works this situation.

#2

Also on the tabSheet layout work, like:

...
<layout expand="mapContainer" spacing="true">
        <details summaryText="msg://details.label">
            <hbox id="optCheckBox">
                <checkbox label="msg:///checkbox.label"
                      property="active" value="false"
                      id="checkbox"/>
                <checkbox id="checkboxElevation"
                      property="active" value="false"
                      label="msg://checkbox.label.elevation"/>
            </hbox>
        </details>
        <tabSheet id="tabSheet" width="100%">
            <tab id="tabMap" label="msg://label.map">
                <vbox id="mapContainer" width="100%" minHeight="380px"/>
            </tab>
        </tabSheet>
...
</layout>

image

But if the move all tabSheet with vbox on details layout not work, :thinking:

#3

For the moment I used a trick: I put outside in root layout vbox and I write an event when I click to accordion tab:

...
 </accordionPanel>
            <accordionPanel id="probeMap" summaryText="msg://probeMap.summaryText">
            </accordionPanel>
        </accordion>
        <vbox id="mapContainer" width="100%" minHeight="380px" enabled="false" visible="false"/>
...

and java code

    @Subscribe("probeMap")
    public void addOpenedChangeListener(final Details.OpenedChangeEvent event) {
        if (event.isOpened()) {
            mapContainer.setEnabled(true);
            mapContainer.setVisible(true);
            initMap();
            addMapToContainer();
            addMapMarker();
        }
        else if (!event.isOpened()) {
            remMapFromContainer();
            mapContainer.setVisible(false);
            mapContainer.setEnabled(false);
        }
    }

and works like:
output

So I simulated real comportment, :wink:

Is not the best solution but in this moment I not understood why not work in accordion or detail layout.