WIP: css box computation to fast, results in height 0

Author: aseeland

viplab-standalone-frontend-vue/src/components/vtk-plots/VtkComponent.vue

@@ -265,6 +265,7 @@ export default {
       return this.enableAutoPlay;
     },
     async renderFile() {
+      await this.$nextTick();
       this.fullScreenRenderer = vtkFullScreenRenderWindow.newInstance({
         background: [0.4, 0.44, 0.52],
         rootContainer: this.$refs.rootContainer,
@@ -416,7 +417,6 @@ export default {
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style scoped>
 #vtk-content {
-  position: relative;
   display: flex;
   flex-flow: column nowrap;
   align-items: stretch;
@@ -428,7 +428,6 @@ export default {
 }
 
 .file-controller {
-  position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
@@ -448,7 +447,6 @@ export default {
 }
 
 .vtk-geometry-controls {
-  position: absolute;
   top: 0;
   left: 0;
   right: 0;