IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-12-01 04:59:22 -06:00
Code Issues Packages Projects Releases Wiki Activity

FIX: Apply Visual Viewport composer height calc in iOS only

Browse Source
This commit is contained in:
Penar Musaraj 2019-10-02 13:37:41 -04:00
parent d0390fba3e
commit ea4e9dba8e
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/assets/javascripts/discourse/components/composer-body.js.es6
View File

@ -132,12 +132,16 @@ export default Ember.Component.extend(KeyEnterEscape, {
$document.on(END_EVENTS, endDrag); $document.on(END_EVENTS, endDrag);
}); });
if (window.visualViewport !== undefined) { if (this.shouldUseVisualViewportListener()) {
this.viewportResize(); this.viewportResize();
window.visualViewport.addEventListener("resize", this.viewportResize); window.visualViewport.addEventListener("resize", this.viewportResize);
} }
}, },
shouldUseVisualViewportListener() {
return this.capabilities.isIOS && window.visualViewport !== undefined;
},
viewportResize() { viewportResize() {
const composerVH = window.visualViewport.height * 0.01; const composerVH = window.visualViewport.height * 0.01;
@ -174,7 +178,7 @@ export default Ember.Component.extend(KeyEnterEscape, {
willDestroyElement() { willDestroyElement() {
this._super(...arguments); this._super(...arguments);
this.appEvents.off("composer:resize", this, this.resize); this.appEvents.off("composer:resize", this, this.resize);
if (window.visualViewport !== undefined) { if (this.shouldUseVisualViewportListener()) {
window.visualViewport.removeEventListener("resize", this.viewportResize); window.visualViewport.removeEventListener("resize", this.viewportResize);
} }
}, },