title: How can I show the footer buttons in a TinyMCE dialog
body: <p>I am using TinyMCE 5.6.2 and I have a weird bug with a custom dialog. I have it set to a size of large with a tab panel for the content. I have a header and two buttons setup. When the dialog opens, the buttons are pushed down so that you can just see top few pixels. It looks like some media breakpoint issue because when I resize the window, the buttons become fully visible at a height of 654px and below.</p>
  <p>How can I get these buttons to show all the time?</p>
  <pre><code>    tinymce.PluginManager.add('imageGallery', function (editor, url){
          editor.ui.registry.addButton('imageGallery', {
              icon: 'gallery',
              tooltip: 'Image Gallery',
              onAction: function() {
                  editor.windowManager.open({
                      title: 'Image Gallery',
                      size: 'large',
                      body: {
                          type: 'tabpanel',
                          tabs:[
                              {
                                  name: 'upload',
                                  title: 'Upload',
                                  items: [
                                      {
                                          type: 'dropzone',
                                          name: 'dropzone'
                                      }
                                  ]
                              },
                              {
                                  name: 'site',
                                  title: 'My Images',
                                  items: [
                                      {
                                          type: 'htmlpanel',
                                          html: '&lt;div id=&quot;myImages&quot; class=&quot;img-flex-grid&quot;&gt;&lt;/div&gt;'
                                      }
                                  ]
                              },
                              {
                                  name: 'shared',
                                  title: 'Shared',
                                  items: [ 
                                      {
                                          type: 'htmlpanel',
                                          html: '&lt;div id=&quot;sharedCategories&quot; style=&quot;float: left; min-width: 150px; background-color: lightgray; font-size: 14px; color: rgba(34,47,62,.7);&quot;&gt;&lt;/div&gt;&lt;div id=&quot;sharedImages&quot; class=&quot;img-flex-grid&quot; style=&quot;float: right; width: 900px&quot;&gt;&lt;/div&gt;'
                                      }
                                  ]
                              },
                          ],
                          
                      },
                      buttons: [
                          {
                              type: 'submit',
                              text: 'Select',
                              name: 'select',
                              disabled: true,
                              primary: true,
                          },
                          {
                              type: 'cancel',
                              text: 'Close'
                      }],
                      onChange: function(dialogInstance, details) {
                          handleInputChange(dialogInstance, details);
                      },
                      onSubmit: function() {
                          handleSubmit();
                      },
                      onTabChange: function(dialogInstance, details) {
                          handleMainTabChange(dialogInstance, details.newTabName)
                      }
                  });
              }
          });
      }
  </code></pre>