815913 - m.facebook.com login form does not allow user to reposition the cursor or insert new text

Status: RESOLVED WORKSFORME

(Web Compatibility :: Site Reports, defect)

Description

[Chris Peterson [:cpeterson]]

TL;DR? Facebook should use "-moz-user-select:-moz-none", not "-moz-user-select:none".

STR:
1. With Firefox for Android or B2G, load https://m.facebook.com
2. Enter a username in the login form
3. Try to insert the cursor at the beginning or middle of the username string.

RESULT:
You cannot select the username or insert new text.

The problem is that m.facebook.com's CSS specifies "-moz-user-select:none", which regrettably behaves differently from "-webkit-user-select:none".

* m.facebook.com uses -moz-user-select:none here:
https://s-static.ak.fbcdn.net/rsrc.php/v2/y0/r/1qV8rqvuwVf.css

* Facebook's desktop website also users -moz-user-select:none here:
https://s-static.ak.fbcdn.net/rsrc.php/v2/y6/r/08-3_Y-YD6J.css

Facebook should use "-moz-user-select:-moz-none" to get the WebKit-like behavior, as described in MDN here:

https://developer.mozilla.org/en-US/docs/CSS/user-select

Comment 1

[Hallvord R. M. Steen [:hallvors]]

Works for me in both Fx beta and Fx nightly on Android