Open czaplinskim opened 4 years ago
I found a solution.
Starting from line 23266 we had:
`if (this.$refs.pagination) { this.activeClassMove = true; this.$nextTick(function () { var offsetLeftPagination = _this3.$refs.pagination.offsetLeft; _this3.leftActive = _this3.$refs["btn" + val].offsetLeft + offsetLeftPagination;
setTimeout(function () {
_this3.activeClassMove = false;
}, 300);
});
}`
And you should add a "resize" event listener, so the leftActive variable will get a new value on every change of the width of your browser.
`if (this.$refs.pagination) {
this.activeClassMove = true;
this.$nextTick(function () {
var offsetLeftPagination = _this3.$refs.pagination.offsetLeft;
_this3.leftActive = _this3.$refs["btn" + val].offsetLeft + offsetLeftPagination;
window.addEventListener('resize', function() {
offsetLeftPagination = _this3.$refs.pagination.offsetLeft;
_this3.leftActive = _this3.$refs["btn" + val].offsetLeft + offsetLeftPagination;
})
setTimeout(function () {
_this3.activeClassMove = false;
}, 300);
});
}`
I am not sure about _this2.leftActive.
On window resize, the div of pagination with active class stay in place.