Scene Explorer panel is showing but the Inspector panel is not showing

Questions
1

Hi everyone.
I’m learning Babylon.js on Windows 10
running Babylon.js v6.12.3 and VITE v4.4.4 .

I’m trying to open up the inspector on my scene in accordance to the documentation which says it can be called in this manner

import { Inspector } from '@babylonjs/inspector';

Inspector.Show(scene, {});

However while the Scene Explorer shows up, the Inspector does not.
Is there a way to make it visible?

image
image1019×576 64.4 KB

2

Welcome to the forum!

Are you using any custom styling in your project? We’ve had problems before with the inspector being affected by custom styling, so that’s the first thing that came to my mind.

3

Thank you.
Yes, it looks like this

html, body {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#renderCanvas {
  width: 100vw;
  height: 100vh;
  touch-action: none;
}
4

Hi @BlaqueC88

You´ve embedMode and you don´t need to change your css

And you can setup scene-explorer / inspector positions and Z-index

  scene.debugLayer.show({embedMode: false}).then(function () {
      document.getElementById("scene-explorer-host").style.zIndex = "1000";
      document.getElementById("inspector-host").style.zIndex = "1000";
      document.getElementById("scene-explorer-host").style.position = "fixed";
      document.getElementById("inspector-host").style.position = "fixed";
  });
1 Like
5

Thank you so much. it worked.

1 Like