Full screen mode hides Dialogs about googlemapsaddon HOT 5 CLOSED

@Route("test")
public class MyTestView extends VerticalLayout {

  private Boolean isFullScreen = false;

  public MyTestView() {
    this.setSizeFull();
    GoogleMap gmaps = new GoogleMap("YOUR_API_KEY", null, null);
    gmaps.setMapType(MapType.ROADMAP);
    gmaps.setSizeFull();
    add(gmaps);

    Button openDialogButton = new Button("Open Dialog", e -> {
      Dialog d = new Dialog(new Span("I'm a dialog"));
      d.setWidth("150px");
      d.setHeight("150px");
      if (isFullScreen) { // if full screen is on, close it so dialog can be visible
        this.closeFullScreen(gmaps);
      }
      d.open();
    });
    openDialogButton.getElement().getStyle().set("background", "white");
    openDialogButton.getElement().getStyle().set("color", "black");

    CustomControl customControl = new CustomControl(openDialogButton, ControlPosition.TOP_CENTER);
    gmaps.setCustomControls(customControl);

    // listen to fullscreenchange event to know if map is in full screen mode
    gmaps.getElement().addEventListener("fullscreenchange", e -> {
      gmaps.getElement()
          .executeJs(
              "var isFullScreen = document.fullScreen ||\r\n" 
                  + " document.mozFullScreen ||\r\n"
                  + " document.webkitIsFullScreen;\r\n" 
                  + " return isFullScreen;")
          .then(Boolean.class, this::setIsFullScreen);
    });
  }

  public Boolean getIsFullScreen() {
    return isFullScreen;
  }

  public void setIsFullScreen(Boolean isFullScreen) {
    this.isFullScreen = isFullScreen;
  }

  // close full screen mode
  private void closeFullScreen(GoogleMap map) {
    if (isFullScreen) {
      map.getElement().executeJs("document.exitFullScreen = true; document.exitFullscreen();");
    }
  }
}

private boolean isFullScreen = false;

public MyTestView() {
  this.setSizeFull();
  GoogleMap gmaps = new GoogleMap("YOUR_API_KEY", null, null);
  gmaps.setMapType(MapType.ROADMAP);
  gmaps.setSizeFull();
  add(gmaps);

  Button openDialogButton = new Button("Open Dialog", e -> {
      Dialog d = new Dialog(new Span("I'm a dialog"));
      d.setWidth("150px");
      d.setHeight("150px");
      if (isFullScreen) { 
         // if full screen is on, close it so dialog can be visible
         gmaps.closeFullScreen();
      }
      d.open();
  });
  openDialogButton.getElement().getStyle().set("background", "white");
  openDialogButton.getElement().getStyle().set("color", "black");
  
  CustomControl customControl = new CustomControl(openDialogButton, ControlPosition.TOP_CENTER);
  gmaps.setCustomControls(customControl);
  
  // add listener to know if full screen mode is on 
  gmaps.addFullScreenListener(e -> this.isFullScreen = e.isFullScreen());
}