GithubHelp home page GithubHelp logo

Selective Dropkick'ing about dropkick HOT 6 CLOSED

robdel12 avatar robdel12 commented on May 20, 2024
Selective Dropkick'ing

from dropkick.

Comments (6)

bdukes avatar bdukes commented on May 20, 2024

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;
}

from dropkick.

owenallenaz avatar owenallenaz commented on May 20, 2024

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).

from dropkick.

timkeller avatar timkeller commented on May 20, 2024

Awesome.

from dropkick.

mhuggins avatar mhuggins commented on May 20, 2024

+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.

from dropkick.

schnittchen avatar schnittchen commented on May 20, 2024

+1

from dropkick.

natewilliford avatar natewilliford commented on May 20, 2024

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).

from dropkick.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.