a_adli/colouring-montreal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Use innerWidth in js media-query-alike test

Browse Source
This commit is contained in:
Tom Russell 2019-07-07 19:20:04 +01:00
parent 3e143b1165
commit ca4710eb9b
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/src/frontend/search-box.js
View File

@ -103,7 +103,7 @@ class SearchBox extends Component {
componentDidMount() { componentDidMount() {
window.addEventListener('resize', this.onResize); window.addEventListener('resize', this.onResize);
if (window && window.outerHeight) { if (window && window.innerHeight) {
// if we're in the browser, pass in as though from event to initialise // if we're in the browser, pass in as though from event to initialise
this.onResize({target: window}); this.onResize({target: window});
} }
@ -116,7 +116,7 @@ class SearchBox extends Component {
// On a real mobile device onResize() gets called when the virtual keyboard pops up (e.g. when entering search text) // On a real mobile device onResize() gets called when the virtual keyboard pops up (e.g. when entering search text)
// so be careful what states are changed in this method (i.e. don't collapse the search box here) // so be careful what states are changed in this method (i.e. don't collapse the search box here)
onResize(e) { onResize(e) {
this.setState({smallScreen: (e.target.outerWidth < 768)}); this.setState({smallScreen: (e.target.innerWidth < 768)});
} }
render() { render() {