WebView2 blocks UI when showing WebGL (ThreeJS) from OpenGL App

1

Hello,
I’m working on a 3d point cloud manipulation app that hosts a webserver showing a 3d view of the manipulated point clouds using ThreeJS.
The app works well and the viewer is working just fine in a browser, but when trying to integrate the view of this webpage inside the app itself, as soon as the webgl part of the page is loaded, the app doesn’t not respond to any interaction, it’s not frozen but the UI is just “blocked”.

I’m currently using OpenGL to render the UI in JUCE, using

openGLContext.reset(new OpenGLContext());
openGLContext->setComponentPaintingEnabled(true);
openGLContext->setContinuousRepainting(false);
openGLContext->attachTo(*this);

I tried commenting out those lines, and it is working fine inside the app.
I guess there is something to do with passing the same context to the WebView2 and the main windows’ one

Does anybody know if there is a way to pass another context, or more generally have a way to use both GL rendering for JUCE components and WebView2 with ThreeJS (or other webGL stuff) ?

Thank you !

3

Sounds familar, probably related to this:

If the juce OpenGLContext stalls the pipeline by claiming the context too much, it could potentially freeze/lock other GL pipelines.

Do you have a minimal working example that reproduces the error, which you can share? If so, I could check out if the listed fixes resolve the UI blocking.

4

Sorry for the late response, I had to go forward with the project…
I think it’s pretty straightforward to just include a WebView2 component in the example OpenGL app and check that it’s pretty much broken.
I can confirm that just removing the OpenGL as renderer makes it work as expected, on 7.0.2