From 68b8a935a9032cf90b996ceb9d795ee61d7c18fc Mon Sep 17 00:00:00 2001 From: Vladimir Kharlampidi Date: Tue, 2 Mar 2021 15:33:52 +0300 Subject: [PATCH] fix(pagination): don't hide pagination on navigation click Fixes #4285 --- src/components/pagination/pagination.js | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/src/components/pagination/pagination.js b/src/components/pagination/pagination.js index 411724bd3..d14dccf91 100644 --- a/src/components/pagination/pagination.js +++ b/src/components/pagination/pagination.js @@ -380,12 +380,19 @@ export default { swiper.pagination.destroy(); }, click(swiper, e) { + const targetEl = e.target; if ( swiper.params.pagination.el && swiper.params.pagination.hideOnClick && swiper.pagination.$el.length > 0 && - !$(e.target).hasClass(swiper.params.pagination.bulletClass) + !$(targetEl).hasClass(swiper.params.pagination.bulletClass) ) { + if ( + swiper.navigation && + ((swiper.navigation.nextEl && targetEl === swiper.navigation.nextEl) || + (swiper.navigation.prevEl && targetEl === swiper.navigation.prevEl)) + ) + return; const isHidden = swiper.pagination.$el.hasClass(swiper.params.pagination.hiddenClass); if (isHidden === true) { swiper.emit('paginationShow');