Elementor Loop Item link not working

Hi,

It is a known issue with some specific loop grid setups, that has being addressed in the upcoming release.

I’m attaching a patched version to this reply, please install it. After updating and clearing the cache the issue should be resolved.

Thanks for the feedback!

Are you using a custom plugin to make the whole elementor columns clickable? It does not seem like a core Elementor behavior. I suspect their script does not recognize the change in the content and does not make it clickable.
If it’s a 3rd party plugin, can you let me know which one it is?

Yea, okay. I checked the event handler, it does not re-attach when the items are reloaded unfortunately. I have extracted their code to re-attach the event listener, I hope they can fix it in the future. For now, use this custom code:

add_action(
	'wp_footer',
	function () {
		?>
		<script>
			jQuery(function() {
				const handler = function(e) {
					var wrapper = jQuery(this)
						, url = wrapper.data('column-clickable');
					if (url) {
						if (jQuery(e.target).filter('a, a *, .no-link, .no-link *').length) {
							return true;
						}
						if (url.match("^#elementor-action")) {
							let hash = url;
							hash = decodeURIComponent(hash);
							if (hash.includes("elementor-action:action=popup:open") || hash.includes("elementor-action:action=lightbox")) {
								if (0 === wrapper.find('#make-column-clickable-open-dynamic').length) {
									wrapper.append('<a id="make-column-clickable-open-dynamic" style="display: none !important;" href="' + url + '">Open dynamic content</a>');
								}
								wrapper.find('#make-column-clickable-open-dynamic').click();
								return true;
							}
							return true;
						}
						if (url.match("^#")) {
							let hash = url;
							jQuery('html, body').animate({
								scrollTop: jQuery(hash).offset().top
							}, 800, function() {
								window.location.hash = hash;
							});
							return true;
						}
						window.open(url, wrapper.data('column-clickable-blank'));
						return false;
					}
				}
				document.querySelectorAll(".asp_main_container").forEach((el) => {
					el.addEventListener("asp_search_end", (event) => {
						jQuery(document).on('click', 'body:not(.elementor-editor-active) .make-column-clickable-elementor', handler);
					});
				});
			});
		</script>
		<?php
	},
	999
);

Try adding this code via the Code Snippets plugin or to the functions.php file in your theme/child theme directory – make sure to have a full server back-up first for safety. For more details you can check the safe coding guidelines.