We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.

Ok, I Agree

3D viewport invisible after display:none

This topic has 3 replies, 2 voices, and was last updated 5 years, 9 months ago by donalffons.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
2018-07-17 at 6:24 pm #5772

donalffons
Customer

Hi,

I’m having to deal with a responsive layout, that dynamically hides and shows my Verge3D viewport. Each time, the container

is hidden (using CSS “display:none”) and then shown again (using CSS “display:block”), the rendering output is not visible any more.

I’m a bit clueless what to do. Can you help?

Thanks
-Sebastian

2018-07-18 at 1:08 pm #5781

Yuri Kovelenov
Staff

Hi,

We were able to reproduce this – now looking into…

Chief 3D Verger | LinkedIn | Twitter

2018-07-18 at 1:29 pm #5782
Yuri Kovelenov
Staff
Still looking at this – however I found a possible workaround here. Instead of using display:none, try hiding it as follows:
```
position: absolute;
left: -100%;
```
[UPD] or even better:
```
visibility: hidden;
```
Chief 3D Verger | LinkedIn | Twitter
2018-07-18 at 9:33 pm #5795

donalffons
Customer

Hi Yuri,

thanks for helping out. Visibility: hidden seems to do it for me. Would be great if you could find a fix for this issue in a future version of Verge3D. ThreeJS doesn’t seem to have this issue.

-Sebastian
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.