GXT TabPanel bug in firefox
I've copied Sencha example source (link) to my code and has strange black dots near tab headers if i opened app in Firefox. Click on this dots activate the tab next to it. In Chromium all looks nice.
Code example:
public void onModuleLoad() {
VerticalPanel vp = new VerticalPanel();
vp.setSpacing(10);
String txt = "Lorem Ipsum is simply dummy text of the printing and typesetting industry."
+ " Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.";
TabPanel folder = new TabPanel();
folder.setWidth(450);
HTML shortText = new HTML(txt);
shortText.addStyleName("pad-text");
folder.add(shortText, "Short Text");
HTML longText = new HTML(txt + "<br><br>" + txt);
longText.addStyleName("pad-text");
folder.add(longText, "Long Text");
vp.add(folder);
RootPanel.get().add(vp);
}
Firefox:
Chromium:
What can I do to avoid this bug?
Finally found solution. All i need was css adding like
* {
margin: 2;
padding: 0;
}
ul {
list-style-type: none;
margin: auto;
}
UPD: Wrong. Setup.txt tells
2b. Add a stylesheet link to reset.css and ensure it is the first referenced stylesheet:
<link rel="stylesheet" type="text/css" href="{module name}/reset.css" />
上一篇: gxt中的多选组合框功能