title: Unable to display grids inside a responsive dialog using vaadin 14
body: <p>I am trying to display grids that are in dialog but they only appear if we define a height like grid.setHeight(200px).
  this is my code : <a href="https://gist.github.com/ust3000/b41c1c829e2e6d9a64b9e082bc150f5f" rel="nofollow noreferrer">https://gist.github.com/ust3000/b41c1c829e2e6d9a64b9e082bc150f5f</a>
  What is the right way to display grid inside Dialog and make the dialog responsive ?</p>
  
  <pre><code>public class TestPage extends HorizontalLayout {
  public TestPage() {
      setJustifyContentMode(JustifyContentMode.CENTER);
      Grid&lt;Row&gt; grid1 = new Grid&lt;&gt;();
      Grid&lt;Row&gt; grid2 = new Grid&lt;&gt;();
      SplitLayout sp = new SplitLayout(grid1, grid2);
      sp.setOrientation(SplitLayout.Orientation.HORIZONTAL);
      // add column and populate grid1 and grid2
      Dialog dialog = new Dialog();
      dialog.add(sp);
      this.add(dialog);
      this.expand(dialog);
      dialog.open();
      this.setSizeFull();
    }
  }
  </code></pre>