Code Monkey home page Code Monkey logo

simpledropdowneffects's Introduction

SimpleDropDownEffects

A jQuery plugin for transforming select inputs into drop-down lists with some simple expanding effects.

article on Codrops

demo

Licensed under the MIT License

simpledropdowneffects's People

Contributors

ahmad-moussawi avatar botelho avatar djkirby avatar gagoar avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

simpledropdowneffects's Issues

Issue with bootstrap

Hi,
i'got a problem with this dropdown when i put him in a modal in bootstrap 4.0,
the options of the dropdown stay behind of the modal... i try set the z-index value of the div but i fall... My dropdown is made by Razor , any help?
TY :

[enhancement] Add missing bower.json.

Hey, maintainer(s) of codrops/SimpleDropDownEffects!

We at VersionEye are working hard to keep up the quality of the bower's registry.

We just finished our initial analysis of the quality of the Bower.io registry:

7530 - registered packages, 224 of them doesnt exists anymore;

We analysed 7306 existing packages and 1070 of them don't have bower.json on the master branch ( that's where a Bower client pulls a data ).

Sadly, your library codrops/SimpleDropDownEffects is one of them.

Can you spare 15 minutes to help us to make Bower better?

Just add a new file bower.json and change attributes.

{
  "name": "codrops/SimpleDropDownEffects",
  "version": "1.0.0",
  "main": "path/to/main.css",
  "description": "please add it",
  "license": "Eclipse",
  "ignore": [
    ".jshintrc",
    "**/*.txt"
  ],
  "dependencies": {
    "<dependency_name>": "<semantic_version>",
    "<dependency_name>": "<Local_folder>",
    "<dependency_name>": "<package>"
  },
  "devDependencies": {
    "<test-framework-name>": "<version>"
  }
}

Read more about bower.json on the official spefication and nodejs semver library has great examples of proper versioning.

NB! Please validate your bower.json with jsonlint before commiting your updates.

Thank you!

Timo,
twitter: @versioneye
email: [email protected]
VersionEye - no more legacy software!

Problem when using two drop-downs

Hi,

I love this plugin. Very beautiful animations, I'd love to use it on my website but I have a problem.

Because the last issues here are a few years old I'm not sure if anybody will be reading this - therefore I'll just outline the issue first without preparing a full report:

Should this plugin support multiple drop-downs on the same page? One is working perfectly fine. However, as soon as I add a second drop-down, the second drop-down works fine but the first one, then, has a copy of the second one nested as its second option -> drop-down within the drop-down.

Has this happened before?
I'll gladly post more infos if necessary!

Thank you to whoever might be reading this.

kind regards, stefan

more list to scroll

This plugin is great. I really likes its UI and features. Thank you for creating such an lovely plugin.

I have an issue.

I have lots of option list. Its more than 50. So when I click on dropdown it drop very long to bottom.
I am wondering if I could fixed the height of the dropdown list and add a custom scrollbar. is it possible ?

Doesn't pre-select existing selections

Hi there

When loading a page where the targetted <select> already has a value selected, this plugin does not select it.

Is this a known issue, or a bug? Will submit a patch when I've made a workaroud

BugFix for mobile

Hi, this is a bugfix for mobile devices.

First let me clarify: You make really awesome things which is great, but you unfortunately never follow up on them, like adding features or support. :(

BugFix to get this working also for mobile (iOS):

this.selectlabel.on( 'mousedown.dropdown, touchstart.dropdown', function( event ) {
                self.opened ? self.close() : self.open();
                return false;

2 more things:
A. As other users also suggested, I would very much like to see a "default item option"

B. I would as well much suggest you to check first for translate support (using modernizer) and then use transalte3d instead of top. This will result in much smoother results (and is important for mobile) !

Use translate instead

Really fantastic DropDown style.

But I would really recommand you to use translate instead of top for real GPU accelerated, best and smooth animations.
Maybe you can fallback on the old method when translate is not supported.

opened.clicked.dropdpwn not firing

i've pull the last changes and now cant get events work as it used to... and i notice, there ir throwHooks asing but i kind find the function in the code.

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.