Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Firefox text inputs will not focus

I'm pulling my hair out on this one...

Everything I read suggests it's a css issue, but I can't figure out which css is causing it.

If you visit http://demo.logzilla.pro and login (using FF of course), you will see a text input for "Messages". IN FF (I'm using v8) I cannot click-select the text input, but if I right-click it grabs focus.

This works fine in Chrome (of course).

Even if/when I completely strip the class tag and just use a plain input type text box, it still happens. I've even gone through and deleted all css imports, still nothing.

Can anyone tell me why this is happening and how to resolve it? Is this maybe a jQuery issue? I did upgrade that recently (among a myriad of other things though...)

like image 620
Clayton Dukes Avatar asked Dec 20 '11 00:12

Clayton Dukes


People also ask

How do you know if input is not focused?

To detect if the element has the focus in JavaScript, you can use the read-only property activeElement of the document object. const elem = document. activeElement; The activeElement returns the currently focused element in the document.

What is input focus?

Any element (most commonly <input> s and <textarea> s) are in “focus” when they are selected and ready to enter text (like when a cursor is blinking). Mouse users can click them (or their related label ) to focus, and keyboard users can TAB into them.


1 Answers

Found the problem. In your rendered source code its line 1161 which has the line:

$(".column").disableSelection();

Which is a jquery ui function. Its probably there for a reason but i didnt look into why, you'll have a better idea than me. Perhaps find a more specific selector for what its meant to do or even just use jquery's not() to write a specific rule for missing out that specific text box.

Good Luck.

like image 117
TamDenholm Avatar answered Oct 03 '22 04:10

TamDenholm