Hi, I want to display 2 bablyon.js viewers side by side on a WordPress site. They were created using the shortcode [babylon]. When I toggle to fullscreen in one viewer and then exit fullscreen so that it returns to the side by side viewers they are now different sizes.
Not completely sure that I understand the question. Which browser do you use?
I have no problems with the pages you’ve mentioned.
Also, here is the example of 2 viewers with fullscreen function - Testing BabylonPress 3D Suite – BabylonPress . Does it work for you as expected? Could you make screenshot of the page before fullscreen and after (for me in Chrome browser there is no difference).
Thanks for pointing.
Seems this is probably CSS template issue.
The same thing at the sample page BabylonJS Viewer - Basic usage
(after the fullscreen the height of the viewer is bigger).
Pinging @RaananW
@sebavan I hope we are able to bear it
So the problem is easy to reproduce at the sample page BabylonJS Viewer - Basic usage : after the first fullscreen the height of the viewer is bigger than initial one.
oh, it seems like the canvas adjusts to the fullscreen ratio instead of staying it the right ratio.
I will be able to check that in a week or so, but here is my assumption - instead of setting the width and height of the canvas to 100%, set it to the right dimensions. Only when it is in fullscreen (the class is added to the container), should it be 100% for both. This way the ratio should stay correct. But i have to admit i havent tested it