title: How to fill a BrowserFrame inside a Panel?
body: <p>I'm developing an application which needs to show a web page inside a Panel using a BrowserFrame, but I can't make it fill the entire space inside the Panel that contains the frame. </p>
  
  <p>The main view code is this:</p>
  
  <pre><code>public class MyUI extends UI implements ViewDisplay {
  
  private static final long serialVersionUID = -3506630583522354337L;
  private Panel springViewDisplay;
  @Override
  protected void init(VaadinRequest request) {
  
       final VerticalLayout root = new VerticalLayout();
       root.setSizeFull();
       root.setMargin(true);
       root.setSpacing(true);
       setContent(root);
       final CssLayout navigationBar = new CssLayout();
       navigationBar.addStyleName(ValoTheme.LAYOUT_COMPONENT_GROUP);
       navigationBar.addComponent(createNavigationButton("Subir fichero",
                  FileUpload.VIEW_NAME));
  
       navigationBar.addComponent(createNavigationButton("Visor grafico", 
               GraphViewer.VIEW_NAME));
  
       root.addComponent(navigationBar);
  
        springViewDisplay = new Panel();
        springViewDisplay.setSizeFull();
        root.addComponent(springViewDisplay);
        root.setExpandRatio(springViewDisplay, 1.0f);
  
  }
  
  private Button createNavigationButton(String caption,
          final String viewName) {
      Button button = new Button(caption);
      button.addStyleName(ValoTheme.BUTTON_SMALL);
  
       button.addClickListener(
              event -&gt; getUI().getNavigator().navigateTo(viewName));
      return button;
  }
  
  
  @Override
  public void showView(View view) {
      springViewDisplay.setContent((Component) view);
  
  }
  
  }
  </code></pre>
  
  <p>The view that display the html file is, which is a different java class:</p>
  
  <pre><code>@SpringView(name = GraphViewer.VIEW_NAME)
  public class GraphViewer extends VerticalLayout implements View {
  
  private static final long serialVersionUID = 3328857273907967208L;
  public static final String VIEW_NAME = "viewer";
  private final Logger log = LoggerFactory.getLogger(this.getClass());
  
  @PostConstruct
  protected void init(){
      ExternalResource page = new ExternalResource("graph.html");
  
      BrowserFrame frame = new BrowserFrame("", page);
      frame.setSizeFull();
  
      addComponent(frame);
  }
  
  @Override
  public void enter(ViewChangeEvent event) {
  }
  }
  </code></pre>
  
  <p>Any help would be appreciated.</p>
  
  <p><strong>UPDATE:</strong>
  I've tried to set the GraphViewercomponent size to 100%, but the result I've got is as shown:</p>
  
  <p><a href="https://i.stack.imgur.com/QwiAs.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QwiAs.png" alt="enter image description here"></a>
  (in red: view size, green: frame size) The code for the previous image is like this:</p>
  
  <pre><code>protected void init(){
      ExternalResource page = new  ExternalResource("graph.html");
      BrowserFrame frame = new BrowserFrame("", page);
      setSizeFull();
      addComponent(frame);
  }
  </code></pre>
  
  <p>Then if I change the setSizeFull() for frame.setSizeFull(), the frame shows like this:</p>
  
  <p><a href="https://i.stack.imgur.com/6BGjD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6BGjD.png" alt="enter image description here"></a></p>