Closed izaid closed 7 years ago
Actually, this isn't even a question of vbox. Just using ThreeJS.outerdiv
alone does not respect sizes. Consider the following.
ThreeJS.outerdiv("10px", "10px") <<
(ThreeJS.initscene() <<
[
ThreeJS.mesh(0.0, 0.0, 0.0) <<
[
ThreeJS.box(5.0, 5.0, 5.0), ThreeJS.material(Dict(:kind=>"phong",:color=>"red"))
],
ThreeJS.pointlight(10.0, 10.0, 10.0),
ThreeJS.pointlight(-10.0, -10.0, -10.0),
ThreeJS.camera(0.0, 0.0, 20.0)
]
)
I see no difference with that.
What I suspect we have to do, but am not sure, is set up something like https://github.com/wnr/element-resize-detector to resize the containing div if the renderer is resized. I have used this semi-successfully with widgets in Jupyter.
In the following code, the slider overlaps with the rendering window:
Any leads on this? I'm looking to sort it out.