Page jump to top when press load more jobs button

Hi,

I see the problem, but I don’t know what’s causing it. It’s possible that there might be a conflict with one of your current plugins or your theme.

Try disabling all of your plugins except WP Job Manager (and add-ons). Then try testing again to see if the issue persists. If that resolves your issue, you can find what was causing it by enabling each plugin one by one while continuing to test.

If that doesn’t help, you can also try switching to the Twenty Sixteen theme via Appearance > Themes, and test again. If the issue is resolved then you know it’s a problem with the theme, and you’ll need to contact the theme author for further assistance.

Let me know what you turn up!

The problem is due to the hash (#) that appears next to domain name after clicking the load more link, it’s caused by href=”#” , it should be href=”#!” or any other solutions like the solutions mentioned here .

https://stackoverflow.com/questions/3252730/how-to-prevent-a-click-on-a-link-from-jumping-to-top-of-page

• This reply was modified 5 years, 2 months ago by MohamedMaher.

By the way i tried adding “!” to href=”#” using chrome debug and it worked perfectly , any hint where to find that link in plugin to apply the fix ?

• This reply was modified 5 years, 2 months ago by MohamedMaher.

Why there is no response this issue is rocketing bounce rate !

Hi,

Yes, I agree that this is the problem, but I do not know what is causing it. Did you try my suggestion of deactivating your plugins and checking with a default theme?

It was caused by a passive event listener i used

<script>

(function() {
var supportsPassive = eventListenerOptionsSupported();

if (supportsPassive) {
var addEvent = EventTarget.prototype.addEventListener;
overwriteAddEvent(addEvent);
}

function overwriteAddEvent(superMethod) {
var defaultOptions = {
passive: true,
capture: false
};

EventTarget.prototype.addEventListener = function(type, listener, options) {
var usesListenerOptions = typeof options === ‘object’;
var useCapture = usesListenerOptions ? options.capture : options;

options = usesListenerOptions ? options : {};
options.passive = options.passive !== undefined ? options.passive : defaultOptions.passive;
options.capture = useCapture !== undefined ? useCapture : defaultOptions.capture;

superMethod.call(this, type, listener, options);
};
}

function eventListenerOptionsSupported() {
var supported = false;
try {
var opts = Object.defineProperty({}, ‘passive’, {
get: function() {
supported = true;
}
});
window.addEventListener(“test”, null, opts);
} catch (e) {}

return supported;
}
})();
</script>

So if I understand correctly, the problem was caused by code that you added, and you have since resolved the problem, correct?

yes, i think so .