version 1.23.1 - A new z-index=1 div obscures the button in html, causing it to be unclicked

After I upgraded 1.23.1, some div elements floating on krpano cannot be clicked. I found that they were blocked by a new z-index=1 div created by krpano. If I want to add z-index to other divs, I need to modify many places, and there may be some missing. Is there any other better way to solve this problem? Thanks!

Quote from klaus.krpano

Hi,

please post a link to your example for more details.

E.g. how and where are these elements added?
The z-index stacking is internal inside the viewer and shouldn't affect elements outside the viewer html element...

Best regards,
Klaus

Display More

krpano

In console:
const div = document.createElement("div");
div.style.width = '300px';
div.style.height = '300px';
div.style.backgroundColor = 'white';
div.style.position = 'fixed';
div.style.left = '0px';
div.style.top = '0px';
div.cursor = 'pointer';
document.body.append(div);

the div can not clicked.

when :

div.style.zIndex = 1;

the div can clicked.

Quote from klaus.krpano

Hi,

thanks - I see now.
It will be fixed in the next release.

As manual workaround you could add the CSS 'isolation:isolate;' style to the pano div element.

E.g. in the html file change:

Code

<div id="pano" style="width:100%;height:100%;">

to:

Code

<div id="pano" style="width:100%;height:100%;isolation:isolate;">

Best regards,
Klaus

Display More

OK!
Can I have the date of next version please?