Selection area is not visible on position:fixed/absolute elements.

[Alexloof]

I have problems showing the selection area when the element has a fixed or absolute position value. (Probably because of z-index?)

I guess a solution could be to add an optional classname to the div element that is created, so i can bump the z-index. Tweaking the z-index on the .selection-area class does not work, so i think it should be possible to tweak the style on the parent div that is created.

Does it make sense?

Br Alex

[simonwep]

Could you please provide a CodeSandbox or JSFiddle? It'll help me to take a closer look at your case :) In your case maybe z-index: xy !important; would work? Just to see if it's the element-style that prevents you from doing so ^^

[Alexloof]

Here you go - https://codesandbox.io/s/bold-kare-f13jo?file=/src/App.js:0-1317

[Alexloof]

So from what i can see, if the fixed positioned element has a z-index more than 1 it does not work. And unfortunately, in my case, the element must have a higher z-index than 1.

[simonwep]

Okay, I see - the problem is that you only apply the z-index to the selection-area. But what you want to apply it to is the wrapper (clipping-element). That is currently not possible, I'll plan this for v3.1, with v3 will also come native preact/react support which you can use then :)

Unfortunately it's currently also not possible to access the clipping element (I'll make that a feature as well!). As a hacky workaround (which only works for the version you're currently using because of minification) you could manually apply a zIndex: https://codesandbox.io/s/laughing-platform-hbshc

[simonwep]

Available in v3.0.0-beta.2, this requires an upgrade to v3 :)

[Alexloof]

@simonwep I have upgraded to latest, but does not look like it is working. I think the custom classname does not get attached to the div element.

https://codesandbox.io/s/boring-gagarin-i833v?file=/src/App.js

[simonwep]

Huh, that is weird - well, I'll take a look at it later today and publish a new beta version if required :) Thank you for trying out the beta though!

[Alexloof]

@simonwep No problems 👍 Sounds great!

[simonwep]

I just published v3.0.0-beta.6 - should be fixed there.

[Alexloof]

@simonwep Thanks now it works!
Btw - I noticed the React wrapper broke from this update. I have written my own wrapper, but some other users might be affected.

[simonwep]

Ah god dammit 😔 what happened? Normally the wrappers shouldn't be affected by config updates... I'll look into it later.
Could this be related to #124?

[Alexloof]

@simonwep i think the error i noticed came from the deepAssign utility function.

[simonwep]

Ah, allright - yeah that should be fixed with the most recent version - thank you :)