Jump to content

Inspector Tab Not Clickable


MackeyK24
 Share

Recommended Posts

I am using the babylon inspector bundle .js an when I toggle the layer:

// Toggle Debug Panel
this.manager.onKeyPress(BABYLON.UserInputKey.P, ()=>{

  scene.debugLayer.show({ popup: false, initialTab: 0, parentElement: null })

});

It shows up fine on the side but I CANNOT 'click' on anything or switch panels... it seems like the mouse input is still in the game... 

My Root Div is at Z-Index: 0

Game Canvas is at Z-Index: 1

And I have a few debug divs at Z-Index: 2

Here is screen shot:

5a8e36b64f529_ScreenShot2018-02-21at5_11_45PM.thumb.png.94e075da0d480ad77bbfd9c4b85456fd.png

Any clues ???  

:(

 

Link to comment
Share on other sites

19 hours ago, Deltakosh said:

Does it repro on other browsers?

Can you share the page somewhere?

Yo @Deltakosh here is a demo scene... Press 'P' on your keyboard to TOGGLE the debug panel... When it is open you cannot click on any of the tabs...

Seems like some kind of Z-Index problem or something like that :(

Test Toolkit Scene

Note: WegGL 2 Browser work best :)

 

Link to comment
Share on other sites

1 hour ago, Deltakosh said:

The stats div block inputs

you should make it child of the root div

 

I noticed that the Inspector is putting the 'inso-wrapper' div INSIDE my root div... I am passing null as parentElement to the inpspector.show function but it is putting the inso-wrapper inside my root div.... Could that be the issue ???

Link to comment
Share on other sites

9 minutes ago, Deltakosh said:

Let me ping @Temechon

 

Thanks Bro :)

The work around I have now is to PUT the debug layer in its own div I create on side with absolute position... Then use the div as the parentElement in the scene.debugLayer.show... I just dont get ANY SLIDER/DIV so I CANT expand the debug layer... and the popup option is totally blank and leave the ui in the parentElement Div... But at least I can hit the other tab pages in the debug layer...

Would to figure out what the deal is WITHOUT having to put debugLayer in its own div 

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...