{"id":18248941,"url":"https://github.com/css-tricks/relevant-dropdowns","last_synced_at":"2026-03-15T21:47:11.466Z","repository":{"id":1957984,"uuid":"2888353","full_name":"CSS-Tricks/Relevant-Dropdowns","owner":"CSS-Tricks","description":null,"archived":false,"fork":false,"pushed_at":"2021-08-11T15:44:36.000Z","size":144,"stargazers_count":134,"open_issues_count":6,"forks_count":45,"subscribers_count":13,"default_branch":"master","last_synced_at":"2025-07-26T02:49:14.612Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://css-tricks.com/examples/RelevantDropdown","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/CSS-Tricks.png","metadata":{"files":{"readme":"readme.markdown","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2011-12-01T03:01:14.000Z","updated_at":"2025-06-01T04:12:38.000Z","dependencies_parsed_at":"2022-09-15T09:50:46.464Z","dependency_job_id":null,"html_url":"https://github.com/CSS-Tricks/Relevant-Dropdowns","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/CSS-Tricks/Relevant-Dropdowns","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CSS-Tricks%2FRelevant-Dropdowns","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CSS-Tricks%2FRelevant-Dropdowns/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CSS-Tricks%2FRelevant-Dropdowns/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CSS-Tricks%2FRelevant-Dropdowns/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/CSS-Tricks","download_url":"https://codeload.github.com/CSS-Tricks/Relevant-Dropdowns/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CSS-Tricks%2FRelevant-Dropdowns/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30551982,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-15T15:03:43.933Z","status":"ssl_error","status_checked_at":"2026-03-15T15:03:37.630Z","response_time":61,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-05T09:38:46.808Z","updated_at":"2026-03-15T21:47:11.437Z","avatar_url":"https://github.com/CSS-Tricks.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Relevant Dropdown\n\n## A HTML5 datalist polyfill that depends on jQuery and Modernizr.\n\nDatalist browser support (Dec 2011) is Firefox 4+, Opera 10.6+, and IE 10. It's reasonable that you'd want WebKit support. So. This.\n\n### Example HTML5 Markup\n\n```html\n\u003cinput type=\"search\" list=\"states\" placeholder=\"Find U.S. State\"\u003e\n\n\u003cdatalist id=\"states\"\u003e\n\t\u003coption value=\"Alabama\"\u003e\n\t\u003coption value=\"Alaska\"\u003e\n  \u003c!-- all states --\u003e\n\u003c/datalist\u003e\n```\n\n### Include jQuery and Modernizr in head of document\n\n```html\n\u003cscript src=\"js/jquery-1.7.1.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"js/modernizr.custom.50983.js\"\u003e\u003c/script\u003e\n```\n\n### Run the Modernizr test, and load polyfill stuff if needed\n\n```html\n\u003cscript\u003e\n\tyepnope({\n\t  test : (!Modernizr.input.list || (parseInt($.browser.version) \u003e 400)),\n\t  yep : [\n\t      'js/jquery.relevant-dropdown.js',\n\t      'js/load-fallbacks.js'\n\t  ]\n\t});\n\u003c/script\u003e\n```\n\nload-fallbacks.js calls the plugin. Example contents:\n\n```js\n$('#search').relevantDropdown();\n\n$('#name').relevantDropdown({\n  fadeOutSpeed: 0, // optional, default: 'normal;\n\tchange: function(new_text) {\n      console.log('the new value is: ', new_text);\n  }\n});\n```\n\n### TODO\n\n- Better IE styling (drop shadows don't work)\n- Remove Modernizr and jQuery dependencies (make totally standalone)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcss-tricks%2Frelevant-dropdowns","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcss-tricks%2Frelevant-dropdowns","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcss-tricks%2Frelevant-dropdowns/lists"}