Okay, I suspected it has nothing to do with Elementor either, it wouldn’t make much sense, unless it was a bug of some sort, which at this point can be crossed out.
You can try this variation, but at this point I have no idea if it’s going to change anything at all:
add_action('wp_footer', function () {
?>
<script>
let fakeInput;
const detectIOS = () => {
if (
typeof window.navigator != "undefined" &&
typeof window.navigator.userAgent != "undefined"
)
return window.navigator.userAgent.match(/(iPod|iPhone|iPad)/) != null;
return false;
};
const focusInput = ( targetInput ) => {
if ( !detectIOS() ) {
targetInput?.focus();
return;
}
if ( targetInput === undefined || fakeInput === undefined) {
// create invisible dummy input to receive the focus first
fakeInput = document.createElement('input')
fakeInput.setAttribute('type', 'text');
fakeInput.style.position = 'absolute';
fakeInput.style.opacity = "0";
fakeInput.style.height = "0";
fakeInput.style.fontSize = '16px'; // disable auto zoom
// you may need to append to another element depending on the browser's auto
// zoom/scroll behavior
document.body.prepend(fakeInput);
}
if ( targetInput === undefined ) {
// focus so that subsequent async focus will work
fakeInput.focus();
} else {
targetInput.focus();
}
}
const f = ( ) => {
let input = document.querySelector('.dialog-widget .asp_m input.orig');
if ( input === null ) {
return;
}
focusInput(input);
}
jQuery(document).on('elementor/popup/show', ()=>{
setTimeout(()=>{f(true);}, 800);
document.querySelectorAll(".asp_main_container").forEach((el) => {
el.addEventListener("asp_search_end", () => {
focusInput();
setTimeout(()=>{f();}, 1000);
});
});
});
</script>
<?php
}, 999999);