[bug] - ghostClass - chosenClass - dragClass

[frck006]

Hi,

I think there is a problem with "ghostClass" - "chosenClass", "ghost" doesn't apply.
I don't see when "ghost" class is apply.

With this style in "st/theme.css"

.sortable-ghost {
	background-color: red;
}
.sortable-chosen {
	background-color: blue;
}
.sortable-drag {
	background-color: green;
}

[twitchsbrew]

I'm getting the same issue with ghostClass. It doesn't appear to work but chosenClass and dragClass work fine. Actually it's almost as if ghostClass is using chosenClass.

[waynevanson]

CSS order matters within the CSS file, as an item could have more than one of the classes.

Perhaps change it around or check the order in the example.

[waynevanson]

@twitchsbrew @frck006 Could you please put this in a codesandbox so it can be investigated?

[twitchsbrew]

@waynevanson will do as soon as I get some time. In the middle of a major project. I'll do some more testing as I develop. I thought it was my CSS at first so I tested variations of the CSS and that's how I noticed that it appears to use my chosenClass CSS as the ghostClass.

[frck006]

@waynevanson Take the repo with simple list example and add the 3 css. Nothing more to do to test.

[waynevanson]

@frck006 would you please be able to do this for us? We have a lot of issues currently. All help is appreciated :)

[aried3r]

I just ran into this and the correct order of .selected-ghost after .selected-chosen displays the correct behavior.

See this repro: https://codesandbox.io/s/nice-ardinghelli-k68mq?file=/src/styles.css

Switch the order of the classes and you get the faulty behavior.