Selection area is invisible after update to 1.4.0

Do you want to request a feature or report a bug?

a bug

What is the current behavior?

After updating Selection to any version, greater then 0.1.4, I do not see the selection area on selection.

If the current behavior is a bug, please provide the steps to reproduce.

What is the expected behavior?

It is quite difficult to extract the page I’m using Selection on out of the whole project.

But it seems to me that change is behaviour is caused by the that._clippingElement added after 0.1.4

How it worked before (v0.1.0):

How it works now (v0.1.5, same on 0.2.1):

Are there any restrictions on the style of html/body tags?

Your environment:

Selection-version: 0.1.5
Browser-version:  Chrome Version 73.0.3683.103
Operating-system:  macOS Mojave 10.14.4

[Simonwep]

Well, thank you for providing this demo and great communication to find it 😃 I found the problem, the clipping area don’t have any z-index property, so the applied z-index on the selection-area element don’t even take effect. After adding z-index: 1 to the clipping element it works.

Until I published a new version (will be very soon since this looks like a serious bug to me) you can use this piece of code in your selectionjs config to fix this:

onStart({selection}) {
        selection._clippingElement.style.zIndex = 1;
}

[Simonwep]

@dsechin Thought I’ll inform you I published v0.2.2 where this fix takes action 😃