[Vuejs]-When using Vue 3 with VTK.js why doesn't the render display on the screen?

by

0👍

In the default CSS shipped with Vue the base.css file forces all elements to have the style:

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  position: relative;
  font-weight: normal;
}

The position being set to relative causes the canvas on which the cone is supposed to be rendered to be set to 0 for both width and height.

Commenting out position: relative; resolves the issue.

Leave a comment