Layout in accordion tab broken in Opera

Vaadin 6 / 7 / 8 Framework UI
1

Hi,
I’m trying to add layout to accordion. Doesn’t matter which layout i try to use.

Sample program:


package com.example.vaadin;           

import com.vaadin.Application;
import com.vaadin.ui.*;

public class MyApplication extends Application {

    @Override
    public void init() {
	Window mainWindow = new Window("MyApplication");
        SplitPanel main = new SplitPanel(SplitPanel.ORIENTATION_HORIZONTAL);
        main.setLocked(true);
        main.setSplitPosition(220,SplitPanel.UNITS_PIXELS);
        
        VerticalLayout layout = new VerticalLayout();
        Button btn = new Button("Test btn");
        layout.addComponent(btn);
        
        Accordion acc = new Accordion();
        acc.addTab(layout,"Test tab",null);
        
        main.setFirstComponent(acc);
	mainWindow.addComponent(main);
	setMainWindow(mainWindow);
    }
}

Only Opera (10.6 and 11 I don’t try on lower versions) seems to by affected.
It is a bug, or maybe some css optimizations will be enough ?

Sorry for my bad English.
11541.png

2

Sounds like a bug. How about creating a bug report about it at:
http://dev.vaadin.com/newticket

3

I wouldn’t be so sure that this is a bug. The layout seems so small, that the button doesn’t fit inside the Accordion. Scrollbar sizes differ from browser to browser, and that might be the reason why only Opera shows them (because they reserve more space from the layout that the other browsers).

4

So, I set
overflow: hidden
 for
.v-accordion-item-content
 and seems to be fine in Opera now.
Thanks for advice,
Artur.