close popup (by pressing back) and preserve browsers back functionality

I'm currently working on a PWA project where I need to close the popup via the back button. The popup just loads the post content of the clicked list from infinite post list UI. I'm able to achieve it via popstate like this: loadPopUp() { [login to view URL]('popup-open', null, ''); } $(window).on('popstate', function () { hidePopUp() }); The page loads post list via ajax requests on each dump of post lists. Now, the current issues I'm facing are: 1. On the first page of ajax, when the popup is clicked and the back button is pressed, the popup closes but also reloads the post lists (the ajax only, not the whole page). 2. Starting from the second page, when the popup is clicked, the back button no longer works as stays on same page even with multiple back clicks.