Adding logic to prevent virtual keyboards (#2667)
from closing the search bar
This commit is contained in:
parent
1645ab0889
commit
4a70726216
|
@ -76,6 +76,7 @@ export default Vue.extend({
|
|||
}
|
||||
},
|
||||
mounted: function () {
|
||||
let previousWidth = window.innerWidth
|
||||
if (window.innerWidth <= 680) {
|
||||
this.showSearchContainer = false
|
||||
}
|
||||
|
@ -88,7 +89,12 @@ export default Vue.extend({
|
|||
}, 0)
|
||||
|
||||
window.addEventListener('resize', () => {
|
||||
this.showSearchContainer = window.innerWidth > 680
|
||||
// Don't change the status of showSearchContainer if only the height of the window changes
|
||||
// Opening the virtual keyboard can trigger this resize event, but it won't change the width
|
||||
if (previousWidth !== window.innerWidth) {
|
||||
this.showSearchContainer = window.innerWidth > 680
|
||||
previousWidth = window.innerWidth
|
||||
}
|
||||
})
|
||||
|
||||
this.debounceSearchResults = debounce(this.getSearchSuggestions, 200)
|
||||
|
|
Loading…
Reference in New Issue