Search code examples
firefoxgwtgxttabpanel

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:

Firefox:

Chromium:

Chromium:

What can I do to avoid this bug?

Solution

  • 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" />