Unable to edit img url input of mv-popup, when using Shoelace webcomponents

[GalinhaLX]

Hi

I've made a codepen ,
where after pressing the button to open drawer
I'm able to edit properties, and input like checkbox

But, I don't understand why, I'm not able to edit img source with Mavo: no popup to edit the source attribute

I even tryed to force it with mv-edit-type="popup", but it doesn't work

Am I missing something? Or does mavo needs some extra information?

[DmitrySharabin]

Try adding the following rule to your stylesheet:

.mv-popup {
	z-index: 1000;
}

It looks like the drawer has a rather big value for z-index, and we need to beat it.

[GalinhaLX]

You save my day! I almost get crazy about this one....
thanks a lot @DmitrySharabin

[DmitrySharabin]

My pleasure! :)

[GalinhaLX]

Hi

Well, I was to fast to shout victory

In fact,
1/ pop-up appears
2/ I'm able to click on upload button to upload a file
3/ I'm able to drag & drop a file , and upload it

BUT I'm not able to click & edit the 'url input' -> the popup vanishes :(

I tried to do my best with z-index, even with something like

input.mv-output {
z-index:200000!important;}

codepen here