Home/ Questions/Q 8830583
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-14T08:07:39+00:00

I’m developing a mobile/web application. When I view form fields in a mobile browser,

  • 0

I’m developing a mobile/web application. When I view form fields in a mobile browser, like iPhone’s safari or even the chrome mobile app, I can’t lose focus on form fields unless I press another form element or “Done” on the keyboard..

I’ve even completely stripped my code down to:

<!DOCTYPE html>
<html>
    <head>
       <title>Test</title>
    </head>
    <body>
        <form>
             <input type="text"/>
        </form>
    </body>
</html>

and I still can’t lose focus (in mobile browsers) of the text field by pressing elsewhere!

Anyone have any ideas?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try:

    document.body.addEventListener("click", function(evt) {
  var nodeName = evt.target.nodeName.toLowerCase();
  if (nodeName !== "input" && nodeName !== "textarea" && nodeName !== "select") {
    document.activeElement.blur();
  }
});
    • 0