I have ionic/angular application and I am using gantt in it. The fullscreen plugin does not seem to work (displays black screen). I have tracked the issue to styles applied by ionic framework to pages on app. The app root and page that contains gantt has this class applied:
.ion-page {
left: 0;
right: 0;
top: 0;
bottom: 0;
display: flex;
position: absolute;
flex-direction: column;
justify-content: space-between;
contain: layout size style;
overflow: hidden;
z-index: 0;
}
Once fullscreen is enabled removing the display flex from the class shows gantt on fullscreen correctly.
However if I have some div and use element.requestFullscreen() it displays the div on fullscreen correctly. So is this some bug with the fullscreen plugin?