Firefox에서 GXT TabPanel 버그

Firefox에서 앱을 열면 Sencha 예제 소스 (link)를 코드에 복사했으며 탭 헤더 근처에 이상한 검은 점이 나타납니다. 이 점들을 클릭하면 옆에있는 탭이 활성화됩니다. Chromium에서는 모두 멋지게 보입니다.Firefox에서 GXT TabPanel 버그

코드 예제 :

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:

나는이 버그를 방지하기 위해 무엇을 할 수 있는가?

출처

2014-04-11 Aguinore

마지막으로 발견 된 솔루션. 내가 필요로하는 CSS가 다음과 같이 덧붙여졌습니다.

* { 
    margin: 2; 
    padding: 0; 
} 
ul { 
    list-style-type: none; 
    margin: auto; 
}

UPD : 틀렸어. Setup.txt가 말합니다.

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

출처

2014-04-11 07:26:27 Aguinore

문제가 해결되었지만 다른 이상한 점이 나타날 수 있습니다. 이러한 종류의 일은 부분적인 GXT 업그레이드 이후에 발생할 수 있습니다. 프로젝트에서 올바른 버전의 CSS를 사용하고 있습니까? –

여기 실제 수정은'reset.css' 파일을 html 파일이나 gwt 모듈에서 페이지에 추가하는 것입니다. 또한 여기서 수행하는 것과 동일한 종류의 변경을 수행하지만 다른 브라우저 정규화도 제공합니다. 이것은 gxt 다운로드의'setup.txt' 파일과 온라인 시작 안내서에 설명되어 있습니다. –

Firefox에서 GXT TabPanel 버그

답변

관련 문제