Weird text input issue in Firefox

Good morning!
In a web page, I have this HTML:


<form action="">
  <div><label for="username">Username (max 100 characters):</label><input type="text" maxlength="100" name="username" id="username"></div>
  <div><label for="password">Password (max 100 characters):</label><input type="password" maxlength="100" name="password" id="password"></div>
  <div><label for="password2">Confirm Password:</label><input type="password" maxlength="100" name="password2" id="password2"></div>
  <div><input type="button" value="Next"></div>
</form>

Just a simple form, but in Firefox the inputs won’t focus when you click in them. Click on a label, they focus, even if you right-click in an input it will focus. But not if you left-click. The form is being inserted after page load with JavaScript - not sure if that’s a problem. Please help and thanks in advance.:confused:

If you just feed that code as raw HTML to Firefox, it works fine, so there must be something else interfering with the form—perhaps JS, as you say. Could you post the whole page, or ideally, a live link?

It works properly on jsfiddle.net but not on my computer. I’ll play around and report back later…:scratch: