Check out my project at http://codepen.io/KyleMorgan49/full/ELqur
When I click on the button, it expands. But for some weird reason to close it, I have to click on the bottom of the box. I think the div#search-icon is moving down or shrinking, but I don’t have any code that would make it do that. I’m confused. Can you take a minute to play around with this? Thanks!
That happens because your
#searchy-stuffcovers the middle of the icon (you can click the very top as well, not just the bottom to see it)To fix it make the
#searchy-stuffthe same width as the input fieldDEMO