как правильно выбрать размер окна jQuery.ui с помощью iframe

Question

Когда я открываю диалоговое окно jQuery с предопределенным размером (скажем, 800x600), размер фрейма в диалоговом окне не изменяется должным образом.Похоже, он имеет размер по умолчанию.На самом деле, высота в порядке, но ширина, кажется, остается на уровне 300 пикселей без причины.

Я создаю iframe и диалог, как это:

someVar = '<iframe id="some-dialog" class="window-frame" src="http://example.com/"></iframe>';

someVar.dialog
    ({
        title: command.buttonText,
        autoOpen: false,
        modal: false,
        resizable: true
    })
    .dialog('option', 'width', 800)
    .dialog('option', 'height', 600);

Я пытался поместитьширина и высота в вызове инициализации, результат тот же.Если я пропущу эти два, диалоговое окно будет инициализировано со значениями по умолчанию, и последующее изменение размера будет работать нормально.

Любые идеи помогут ...

Обновление:

Я обернул iframe в div, а затем создал диалог стандартным вызовом:

someVar.dialog
    ({
        title: command.buttonText,
        autoOpen: false,
        modal: false,
        resizable: true,
        width: 800,
        height: 600
    })

Не реальное решение, но оно работает ... (оно выглядит грязнымхотя!)

Answer 1

Я решил это, добавив несколько стилей в IFrame:

iframe#some-dialog {
    width: 100% !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

Answer 2

someVar = '<iframe id="some-dialog" class="window-frame" src="http://example.com/"></iframe>';

someVar.dialog({
  title: command.buttonText,
  autoOpen: false,
  modal: false,
  resizable: true,
  width:800,
  height:600
}).width(800-10).height(600-10);

Edit: Может быть, я не понимаю, что вы имеете в виду правильно. В любом случае, пожалуйста, проверьте
Демонстрация: