{"action":"created","issue":{"url":"https://api.github.com/repos/custom-select/custom-select/issues/22","repository_url":"https://api.github.com/repos/custom-select/custom-select","labels_url":"https://api.github.com/repos/custom-select/custom-select/issues/22/labels{/name}","comments_url":"https://api.github.com/repos/custom-select/custom-select/issues/22/comments","events_url":"https://api.github.com/repos/custom-select/custom-select/issues/22/events","html_url":"https://github.com/custom-select/custom-select/issues/22","id":280776954,"number":22,"title":"No working With Bootstrap 4 beta 2 css","user":{"login":"ztvMark","id":10190162,"avatar_url":"https://avatars3.githubusercontent.com/u/10190162?v=4","gravatar_id":"","url":"https://api.github.com/users/ztvMark","html_url":"https://github.com/ztvMark","followers_url":"https://api.github.com/users/ztvMark/followers","following_url":"https://api.github.com/users/ztvMark/following{/other_user}","gists_url":"https://api.github.com/users/ztvMark/gists{/gist_id}","starred_url":"https://api.github.com/users/ztvMark/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ztvMark/subscriptions","organizations_url":"https://api.github.com/users/ztvMark/orgs","repos_url":"https://api.github.com/users/ztvMark/repos","events_url":"https://api.github.com/users/ztvMark/events{/privacy}","received_events_url":"https://api.github.com/users/ztvMark/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2017-12-10T02:56:14Z","updated_at":"2017-12-10T08:31:14Z","closed_at":null,"author_association":"NONE","body":"Only work with bootstrap 4 alpha example\r\n\r\n`\r\n<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n\t<meta charset=\"UTF-8\">\r\n\t<title>Document</title>\r\n\t\r\n\r\n\t<link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.4/css/bootstrap.min.css\" integrity=\"sha384-2hfp1SzUoho7/TsGGGDaFdsuuDL0LX2hnUp6VkX3CUQ2K4K+xjboZdsXyp4oUHZj\" crossorigin=\"anonymous\">\r\n\r\n\t<link rel=\"stylesheet\" href=\"css/custom-select.css\">\r\n\r\n\t<style type=\"text/css\">\r\n\t\t.dropdown-optgroup {\r\n\t\t\tborder-top: 1px solid #e5e5e5;\r\n\t\t\tmargin-top: 6px;\r\n\t\t\tpadding-top: 6px;\r\n\t\t\tpadding-bottom: 6px;\r\n\t\t}\r\n\t\t.dropdown-optgroup::before {\r\n\t\t\tcontent: attr(data-label);\r\n\t\t\tdisplay: block;\r\n\t\t\tpadding: 3px 20px;\r\n\t\t\tfont-weight: bold;\r\n\t\t}\r\n\t\t.dropdown-item {\r\n\t\t\tcursor: pointer;\r\n\t\t}\r\n\t</style>\r\n\r\n</head>\r\n<body>\r\n\r\n\t<label for=\"mySelect2\">Select with optgroup</label>\r\n\t<select id=\"mySelect2\">\r\n\t\t<option value>Select...</option>\r\n\t\t<optgroup label=\"Cips\">\r\n\t\t\t<option value=\"zizz\">Zizz</option>\r\n\t\t</optgroup>\r\n\t\t<optgroup label=\"Lips\">\r\n\t\t\t<option value=\"fruit\">mango</option>\r\n\t\t\t<option value=\"flower\">rose</option>\r\n\t\t\t<option value=\"fruit\">pineapple</option>\r\n\t\t\t<option value=\"flower\">lotus</option>\r\n\t\t\t<option value=\"flower\">lily</option>\r\n\t\t\t<option value=\"lorem\">Lorem ipsum dolor</option>\r\n\t\t</optgroup>\r\n\t</select>\r\n\r\n\t\r\n\t<script src=\"https://code.jquery.com/jquery-3.2.1.slim.min.js\" integrity=\"sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN\" crossorigin=\"anonymous\"></script>\r\n\t<script src=\"https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js\" integrity=\"sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh\" crossorigin=\"anonymous\"></script>\r\n\t<script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js\" integrity=\"sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ\" crossorigin=\"anonymous\"></script>\r\n\r\n\r\n\t<script src=\"js/custom-select.min.js\"></script>\r\n\r\n\r\n\t<script>\r\n\t\tif (typeof require !== 'undefined') {\r\n\t\t  var customSelect = require(\"custom-select\").default;\r\n\t\t  require(\"css/custom-select.css\");\r\n\t\t}\r\n\t\tcustomSelect('#mySelect2', {\r\n\t\t  openerClass: 'btn btn-info btn-block dropdown-toggle',\r\n\t\t  panelClass: 'dropdown-menu bg_dark w-100',\r\n\t\t  optionClass: 'dropdown-item',\r\n\t\t  optgroupClass: 'dropdown-optgroup',\r\n\t\t  isOpenClass: 'open',\r\n\t\t});\r\n\t</script>\r\n</body>\r\n</html>`\r\n\r\nif add the https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css fails"},"comment":{"url":"https://api.github.com/repos/custom-select/custom-select/issues/comments/350532978","html_url":"https://github.com/custom-select/custom-select/issues/22#issuecomment-350532978","issue_url":"https://api.github.com/repos/custom-select/custom-select/issues/22","id":350532978,"user":{"login":"marconucara","id":2278028,"avatar_url":"https://avatars1.githubusercontent.com/u/2278028?v=4","gravatar_id":"","url":"https://api.github.com/users/marconucara","html_url":"https://github.com/marconucara","followers_url":"https://api.github.com/users/marconucara/followers","following_url":"https://api.github.com/users/marconucara/following{/other_user}","gists_url":"https://api.github.com/users/marconucara/gists{/gist_id}","starred_url":"https://api.github.com/users/marconucara/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/marconucara/subscriptions","organizations_url":"https://api.github.com/users/marconucara/orgs","repos_url":"https://api.github.com/users/marconucara/repos","events_url":"https://api.github.com/users/marconucara/events{/privacy}","received_events_url":"https://api.github.com/users/marconucara/received_events","type":"User","site_admin":false},"created_at":"2017-12-10T08:31:14Z","updated_at":"2017-12-10T08:31:14Z","author_association":"CONTRIBUTOR","body":"They changed dropdown behavior, ranaming the class 'open' to 'show' and moving it to the panel. We can't move the isOpenClass only for boostrap, so I simply suggest you to add this css:\r\n\r\n```\r\n.custom-select-container.open .dropdown-menu{\r\n  display: block;\r\n}\r\n"}}
{"actor":{"display_login":"marconucara"}}