title: tinyMCE's iframe or table height is not resizing properly
body: <p>I have successfully added a tinyMCE editor to my web-app so that users can make notes. I have the textarea it replaces inside a div, so that the div can resize with the page, and the textarea can always be set at width: 100% and height: 100%</p>
  
  <p>My tinyMCE.init looks as follows:</p>
  
  <pre><code>tinyMCE.init({
    mode: "specific_textareas",
    editor_selector: "notes-editor",
    theme: "advanced",
    plugins: "",
    theme_advanced_buttons1: "bold,italic,underline,strikethrough,|,bullist,numlist,|,undo,redo,|,forecolor,backcolor",
    theme_advanced_toolbar_location: "top",
    theme_advanced_toolbar_align: "left",
    theme_advanced_statusbar_location: "none",
    theme_advanced_resizing: false,
    height: "100%",
    width: "100%"
  });
  </code></pre>
  
  <p>Unfortunately, this returns an editor that looks as follows:
  <img src="https://i.stack.imgur.com/9zN6w.png" alt="enter image description here"></p>
  
  <p>No matter how I change the height, be it from CSS or JS, that "strip" of where I can edit never changes. The odd thing is that this only applies to the height.</p>
  
  <p>I have done everything from trying to change the table (i.e. <code>note_contents_tbl</code>) to the iframe (i.e. <code>note_contents_ifr</code>) but nothing.</p>
  
  <p>Any help would be greatly appreciated.</p>