920788 - [beta] Search box has some rough edges

Status: RESOLVED FIXED

(developer.mozilla.org Graveyard :: General, defect)

Description

[Matt Basta [:basta]]

What did you do?
================
1. Click the magnifying glass to open the search box
2. Click away (blur)

What happened?
==============
- You can't close the search box unless you give the box focus again and take it away.
- Sometimes the search box doesn't have focus when it's opened, meaning you have to click in it and then out of it to hide it.

What should have happened?
==========================
- The search box should go away when it loses focus

Is there anything else we should know?
======================================
300 bonus points if you make the search box use CSS transitions (`li.main-nav-search.active ~ li {opacity: 0;}` if you reorder the lis so the search is first and position:absolute'd to the right)

Comment 1

[Matt Basta [:basta]]

Also: the search box says "Search" when it's open, and "SEARCH" when it's animating closed.

Comment 2

[David Walsh :davidwalsh]

Which browser(s) did the search box not focus?

Comment 3

[Matt Basta [:basta]]

Chrome 29

Comment 4

[[github robot]]

Commits pushed to master at https://github.com/mozilla/kuma

https://github.com/mozilla/kuma/commit/e56d08017166f930662485b0e0826d135835c60a
fix bug 920788 - Redo search box styling and logic for usability

https://github.com/mozilla/kuma/commit/7b0340c97c684032845bd4f9b4daad7aa9c75e95
Merge pull request #1435 from darkwing/search-redux-too

fix bug 920788 - Redo search box styling and logic for usability