diff --git a/client/components/Reader/Reader.vue b/client/components/Reader/Reader.vue index dc14f10e..efb833a2 100644 --- a/client/components/Reader/Reader.vue +++ b/client/components/Reader/Reader.vue @@ -340,8 +340,8 @@ class Reader extends Vue { this.setPositionActive = true; this.$nextTick(() => { - this.$refs.setPositionPage.sliderMax = this.mostRecentBook().textLength - 1; - this.$refs.setPositionPage.sliderValue = this.mostRecentBook().bookPos; + const recent = this.mostRecentBook(); + this.$refs.setPositionPage.init(recent.bookPos, recent.textLength - 1); }); } else { this.setPositionActive = false; diff --git a/client/components/Reader/SetPositionPage/SetPositionPage.vue b/client/components/Reader/SetPositionPage/SetPositionPage.vue index 52206a4a..b652241d 100644 --- a/client/components/Reader/SetPositionPage/SetPositionPage.vue +++ b/client/components/Reader/SetPositionPage/SetPositionPage.vue @@ -18,7 +18,6 @@ //----------------------------------------------------------------------------- import Vue from 'vue'; import Component from 'vue-class-component'; -import _ from 'lodash'; import Window from '../../share/Window.vue'; @@ -28,7 +27,8 @@ export default @Component({ }, watch: { sliderValue: function(newValue) { - this.$emit('book-pos-changed', {bookPos: newValue}); + if (this.initialized) + this.$emit('book-pos-changed', {bookPos: newValue}); }, }, }) @@ -39,6 +39,13 @@ class SetPositionPage extends Vue { created() { this.commit = this.$store.commit; this.reader = this.$store.state.reader; + this.initialized = false; + } + + init(sliderValue, sliderMax) { + this.sliderMax = sliderMax; + this.sliderValue = sliderValue; + this.initialized = true; } formatTooltip(val) {