javascript - Wufoo + Bootstrap Modal + Firefox = 動脈瘤

Question

Javascript 埋め込みコードを使用してBootstrap 3 モーダルに埋め込まれた Wufoo フォームがあります。

Wufoo が作成する iFrame の高さとそのコンテンツを 0 に設定する Firefox を除くすべてのブラウザーでうまく機能します。

サイズ変更は、ドキュメントの準備ができたときに行われるようです。ドキュメントの準備が整う前にモーダルをトリガーすると、高さまでこれを行うようには見えません。

どんな助けでも大歓迎です。

コード：

<div id="formModal" class="modal fade form-modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  <button type="button" class="close modal-close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
   <div class="modal-dialog modal-lg">
     <div class="modal-content">
      <div class="modal-body">

      <div id="wufoo-blahblah"></div>
      <script type="text/javascript">
      var blahblah;(function(d, t) {
      var s = d.createElement(t), options = {
      'userName':'username',
      'formHash':'blahblah',
      'autoResize':true,
      'height':'320',
      'async':true,
      'host':'wufoo.com',
      'header':'hide',
      'defaultValues':'field21={{ page.url }}',
      'ssl':true};
      s.src = ('https:' == d.location.protocol ? 'https://' : 'http://') + 'www.wufoo.com/scripts/embed/form.js';
      s.onload = s.onreadystatechange = function() {
      var rs = this.readyState; if (rs) if (rs != 'complete') if (rs != 'loaded') return;
      try { blahblah = new WufooForm();blahblah.initialize(options);blahblah.display(); } catch (e) {}};
      var scr = d.getElementsByTagName(t)[0], par = scr.parentNode; par.insertBefore(s, scr);
      })(document, 'script');</script>
   </div>
  </div>
 </div>
</div>