How to Retain Context On cache

[never-give-up-dev]

I was loading the browser ide inside an iframe, when i move to different route and come back to route which had iframe src to ide the whole ide is loading again evnthought i was not destroying the ide route component and caching it

I have see some info in the repo regarding this but didn't foute a way how to enable this from by web-app

readonly retainContextWhenHidden?: boolean;

come someone help it out how do i enable or pass this option from my web-app or any other possible ways, Thanks in advance

[msujew]

Hey @MaheshReddy-05,

the retainContextWhenHidden property is used on Theia's webviews - this has absolutely nothing to do with this issue if you embed Theia itself in an iframe.

Aside from this, I can't tell you a lot - as long as you destroy the iframe DOM element (which likely happens when changing the route), Theia will reload, as the frontend is unloaded as soon as the iframe is destroyed. You will need to find a way to preserve the iframe DOM element. This will prevent Theia from reloading.