vue-babylonjs Loaded model doesn't display until window resized

Hi,

I load a model (STL file), but it's only displayed when I resize the browser window. I inspected the elements and saw that the canvas height is 0 intially, although I set the width to 100% and the height to 100em.

Thanks, Markus

Jul 11 '19 11:07 morphace

I have the same issue, still looking for a solution.

Jul 13 '19 10:07 giuliobrugnaro

Any news on this one?

Jul 16 '19 13:07 morphace

by the way: it's not related to the fact that I'm loading an STL file, happens with a simple cube as well...

Jul 16 '19 13:07 morphace

ok, I have found what causes the problem: if the scene is not initially visible (for example sitting on a tab), the problem occurs. If I put the scene on the first tab (it will then be displayed initially) everything is fine.

Any Idea what could be the reason?

Jul 16 '19 13:07 morphace

Hey, sorry for the delay on this. Would you mind preparing a minimally reproducible example? Preferably using Glitch or something similar? Here's a starter example on Glitch.

Jul 16 '19 20:07 BrainBacon

@morphace I hope this is the issue you were facing, @BrainBacon I just created Glitch to give you an idea as I am facing the same issue. Glitch Demo

So I am providing the editable link that you can run in separate screen to track the elements.

Before I start, Thanks for providing us with such a wonderful package.

So the issue is, I am trying to make the <div> appears when a button is clicked by a user. To accomplish this, I hide the div with "display: none;" and when the button is clicked, this display: none will be changed to "display: block;" which will now be visible on the screen. However, by doing this, the width and height is fixed at 0px and to fix this, I have to either press F12 or resize the window just like @morphace mentioned.

Could this be a bug with the package?