Andal.LND/edx-platform
6
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Merge pull request #9742 from edx/bderusha/clear-search

Browse Source 
Add logic to handle not searching when focus is passed to the clear search button
This commit is contained in:
Bill DeRusha
2015-09-14 14:00:29 -04:00
parent da113d7383 1cfadf39cc
commit 5881adda89
1 changed files with 13 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
common/static/common/js/components/views/search_field.js
View File

@@ -14,12 +14,15 @@
'submit .search-form': 'performSearch',
'blur .search-form': 'onFocusOut',
'keyup .search-field': 'refreshState',
'click .action-clear': 'clearSearch'
'click .action-clear': 'clearSearch',
'mouseover .action-clear': 'setMouseOverState',
'mouseout .action-clear': 'setMouseOutState',
},
initialize: function(options) {
this.type = options.type;
this.label = options.label;
this.mouseOverClear = false;
},
refreshState: function() {
@@ -43,10 +46,18 @@
return this;
},
setMouseOverState: function(event) {
this.mouseOverClear = true;
},
setMouseOutState: function(event) {
this.mouseOverClear = false;
},
onFocusOut: function(event) {
// If the focus is going anywhere but the clear search
// button then treat it as a request to search.
if (!$(event.relatedTarget).hasClass('action-clear')) {
if (!this.mouseOverClear) {
this.performSearch(event);
}
},