GWT DockLayoutPanel не отображается правильно с Firefox
У меня есть простое приложение GWT, которое принимает исходный код в TextArea, отправляет его на удаленный компилятор и отображает вывод на языке ассемблера и ошибки компилятора в некоторых других TextAreas. Приведенный ниже код отлично работает в Safari и Chrome, но TextAreas и Buttons не меняются, чтобы заполнить панели в Firefox. Я могу вручную установить размеры виджетов на 100%, и это почти приемлемо, но, конечно, я упускаю некоторые важные знания CSS. Я устанавливаю тип документа в строгом HTML4 DTD ("http://www.w3.org/TR/html4/strict.dtd"). Приложение работает по адресу http://ferret.granberrys.us:8080/Compiler.html.
RootLayoutPanel rootPanel = RootLayoutPanel.get();
DockLayoutPanel panel = new DockLayoutPanel(Unit.EM);
codeArea = new TextArea();
codeArea.setText("int main() {return 0};");
DockLayoutPanel outputPanel = new DockLayoutPanel(Unit.EM);
ListBox compiler = new ListBox();
compiler.addItem("Clang/LLVM");
outputPanel.addNorth(compiler, 2);
assemblyArea = new TextArea();
assemblyArea.setText("Asm");
Button compileButton = new Button();
compileButton.setText("Compile");
outputPanel.addSouth(compileButton, 2);
outputPanel.add(assemblyArea);
panel.addEast(outputPanel, 20);
compilerOutput = new TextArea();
compilerOutput.setReadOnly(true);
compilerOutput.setText("Compiler");
//panel.addWest(codeArea, 800);
panel.addSouth(compilerOutput, 10);
panel.add(codeArea);
rootPanel.add(panel);
1 ответ
Согласно документации вы должны использовать <!DOCTYPE html>, но я не уверен, что это проблема здесь. Это также может быть TextArea - элемент span или, по крайней мере, не элемент блока css. Вы можете сделать это, добавив display:block к конкретным виджетам.