Selective Dropkick'ing

[timkeller]

Is there a way to selectively apply Dropkick to elements?

Right now, it seems like 's that aren't explicitly dropkicked are hidden.

[bdukes]

I think you'll probably just want to remove (or make more specific) the last CSS rule in dropkick.css:

.dk_fouc select {
  position: relative;
  top: -99999em;
  visibility: hidden;
}

[owenallenaz]

I have a fork which fixes this problem specifically. https://github.com/owenallenaz/DropKick. Rather than hiding all selects, it makes it so that it only hides the elements which have .dk_fouc applied, forcing developers to be specific about which selects they want to prevent the flash of unstyled content on (FOUC).

[timkeller]

Awesome.

[mhuggins]

+1, I only want to apply DropKick to one <select> tag in my site, but it ends up hiding all <select> elements, regardless of whether DropKick is being applied.

[schnittchen]

+1

[natewilliford]

Yeah, I'm not a fan of this functionality. I'd really rather not have a jquery plugin adding a class to my html element. You can fix by removing css like bdukes said or by commenting out the line that adds the "ok_fouc" class to the html tag (line 19).