Page MenuHomePhorge
Files F85804610

No OneTemporary
Actions

Size
3 KB
Referenced Files
None
Subscribers
None

View Options

diff --git a/src/components/floating_post_button/floating_post_button.js b/src/components/floating_post_button/floating_post_button.js
index f0a0f85125..089b3d5f5e 100644
--- a/src/components/floating_post_button/floating_post_button.js
+++ b/src/components/floating_post_button/floating_post_button.js
@@ -1,90 +1,88 @@
import { debounce } from 'lodash'
const FloatingPostButton = {
data () {
return {
- hidden: false,
scrollingDown: false,
inputActive: false,
- oldScrollPos: 0,
- amountScrolled: 0
+ oldScrollPos: 0
}
},
created () {
if (this.autohideFloatingPostButton) {
this.activateFloatingPostButtonAutohide()
}
window.addEventListener('resize', this.handleOSK)
},
destroyed () {
if (this.autohideFloatingPostButton) {
this.deactivateFloatingPostButtonAutohide()
}
window.removeEventListener('resize', this.handleOSK)
},
computed: {
isHidden () {
- return this.autohideFloatingPostButton && (this.hidden || this.inputActive)
+ return this.autohideFloatingPostButton && (this.scrollingDown || this.inputActive)
},
autohideFloatingPostButton () {
return !!this.$store.getters.mergedConfig.autohideFloatingPostButton
}
},
watch: {
autohideFloatingPostButton: function (isEnabled) {
if (isEnabled) {
this.activateFloatingPostButtonAutohide()
} else {
this.deactivateFloatingPostButtonAutohide()
}
}
},
methods: {
activateFloatingPostButtonAutohide () {
window.addEventListener('scroll', this.handleScrollStart)
window.addEventListener('scroll', this.handleScrollEnd)
},
deactivateFloatingPostButtonAutohide () {
window.removeEventListener('scroll', this.handleScrollStart)
window.removeEventListener('scroll', this.handleScrollEnd)
},
openPostForm () {
this.$store.dispatch('openPostStatusModal')
},
handleOSK () {
// This is a big hack: we're guessing from changed window sizes if the
// on-screen keyboard is active or not. This is only really important
// for phones in portrait mode and it's more important to show the button
// in normal scenarios on all phones, than it is to hide it when the
// keyboard is active.
// Guesswork based on https://www.mydevice.io/#compare-devices
// for example, iphone 4 and android phones from the same time period
const smallPhone = window.innerWidth < 350
const smallPhoneKbOpen = smallPhone && window.innerHeight < 345
const biggerPhone = !smallPhone && window.innerWidth < 450
const biggerPhoneKbOpen = biggerPhone && window.innerHeight < 560
if (smallPhoneKbOpen || biggerPhoneKbOpen) {
this.inputActive = true
} else {
this.inputActive = false
}
},
handleScrollStart: debounce(function () {
if (window.scrollY > this.oldScrollPos) {
- this.hidden = true
+ this.scrollingDown = true
} else {
- this.hidden = false
+ this.scrollingDown = false
}
this.oldScrollPos = window.scrollY
}, 100, { leading: true, trailing: false }),
handleScrollEnd: debounce(function () {
- this.hidden = false
+ this.scrollingDown = false
this.oldScrollPos = window.scrollY
}, 100, { leading: false, trailing: true })
}
}
export default FloatingPostButton

File Metadata

Mime Type
text/x-diff
Expires
Sat, Oct 10, 12:23 PM (1 d, 4 h)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
1785172
Default Alt Text
(3 KB)

Event Timeline