{"action":"closed","issue":{"url":"https://api.github.com/repos/Daemonite/material/issues/10","labels_url":"https://api.github.com/repos/Daemonite/material/issues/10/labels{/name}","comments_url":"https://api.github.com/repos/Daemonite/material/issues/10/comments","events_url":"https://api.github.com/repos/Daemonite/material/issues/10/events","html_url":"https://github.com/Daemonite/material/issues/10","id":68872926,"number":10,"title":"Header issue in Chrome with multi-selects","user":{"login":"j-norwood-young","id":387601,"avatar_url":"https://avatars.githubusercontent.com/u/387601?v=3","gravatar_id":"","url":"https://api.github.com/users/j-norwood-young","html_url":"https://github.com/j-norwood-young","followers_url":"https://api.github.com/users/j-norwood-young/followers","following_url":"https://api.github.com/users/j-norwood-young/following{/other_user}","gists_url":"https://api.github.com/users/j-norwood-young/gists{/gist_id}","starred_url":"https://api.github.com/users/j-norwood-young/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/j-norwood-young/subscriptions","organizations_url":"https://api.github.com/users/j-norwood-young/orgs","repos_url":"https://api.github.com/users/j-norwood-young/repos","events_url":"https://api.github.com/users/j-norwood-young/events{/privacy}","received_events_url":"https://api.github.com/users/j-norwood-young/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-04-16T08:31:34Z","updated_at":"2015-04-21T02:44:22Z","closed_at":"2015-04-21T02:44:22Z","body":"Hi there\r\n\r\nWhen you have a multi-select box with one or more options selected, the .header-logo drops down and obscures the LHS menu. This seems to only affect Chrome, I could not reproduce the problem in Safari or Firefox.\r\n\r\nEven weirder, if you inspect the .header-logo, click \"float: left\" off and on again, it pops up to the correct place.\r\n\r\nThe offending form control:\r\n```\r\n<div class=\"form-group\">\r\n\t<div class=\"row\">\r\n\t\t<div class=\"col-lg-2 col-md-3 col-sm-4\">\r\n\t\t\t<label class=\"form-label\" for=\"input-select\">Select</label>\r\n\t\t</div>\r\n\t\t<div class=\"col-lg-4 col-md-6 col-sm-8\">\r\n\t\t\t<select class=\"form-control\" id=\"input-select\" multiple=\"multiple\">\r\n\t\t\t\t<option selected=\"selected\">1</option>\r\n\t\t\t\t<option selected=\"selected\">2</option>\r\n\t\t\t\t<option>3</option>\r\n\t\t\t</select>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n```\r\n\r\n![screen shot 2015-04-16 at 10 27 33 am](https://cloud.githubusercontent.com/assets/387601/7176950/3bcf445e-e423-11e4-94c7-2565b4d8ed11.png)\r\n\r\nAs a work-around, I'm just doing this (not ideal):\r\n```\r\n<header class=\"header\">\r\n\t<div class=\"clearfix pull-left\" style=\"min-width: 300px\">\r\n```"}}