Important Notice - Forums is archived
To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.
Combo Box different looking in IE9 vs Chrome
I am attaching 2 snapshots of a combobox i added. In chrome it looks good. But in IE 9 the arrow is little bit down. Not aligned perfectly. Any help in tweaking this will be appreciated. I am adding this ComboxBox as a field inside a Form.
hl = new HorizontalLayout();
final ComboBox selectAction = new ComboBox("Choose Action");
performAction = new Button("Apply Action");
resetAction = new Button("Reset");
searchButton = new Button("Search");
ordersSearchForm = new Form();
selectAction.addItem("A");
selectAction.addItem("C");
selectAction.addItem("B");
selectAction.setNullSelectionAllowed(false);
ordersSearchForm.addField("selectaction", selectAction);
hl.setSizeFull();
hl.addComponent(ordersSearchForm);
setCompositionRoot(hl);
Just checked the sampler with IE9 and the ComboBox looks perfectly fine. As the default look of a ComboBox has rounded corners but your screenshots shows edgy ones, I think that you have a diffenrent theme set which causes the trouble. Would you share the relevant parts of the CSS?
That looks like chameleon to me. I guess you have some own modifications on top of the theme? Those can break things like this if they are not correct. Try adding to the end of the URL string ?theme=reindeer (or even ?theme=chameleon) to see if it fixes the problem. If yes, then it is your theme that is causing the problems.
the theme i am using is
@Override
public void init() {
setTheme("runo");
initLayout();
}
i have not touched any CSS or themes. so if I am getting
this behavior then I am not sure why. (But looks like the themes)
tried ?theme=reindeer
and ?theme=chameleon, this looks good
actually, even with the runo theme i am not able to reproduce the problem anymore.
Hi sb,
something similar happen to us.
The problem was that the layout containing the comboBox was to to tight (do not have enough extra widht) AND the zoom of IE9 was 105%.
Setting IE to 100% zoom resolve the problem.
We try the 105% in FF and Chrome for the same layout and both browser display verry well the layout.