1314202 - CSS outline not working for input:focus

Status: RESOLVED DUPLICATE of bug 1618202

(GeckoView :: IME, defect, P3)

Description

[[e-mail]]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/54.0.2840.71 Safari/537.36

Steps to reproduce:

A simple demo to show that the approach works on FF Windows and macOS Sierra but not FF Android.

http://jsbin.com/nabucisame/edit?html,output


Actual results:

No CSS outline applies to the input HTML element when it is focused.


Expected results:

Custom CSS outline applies to the input HTML element when it is focused.

Comment 1

[Carmen Fat [:cfat] - Ecosystem QA]

I have managed to reproduce the issue: on Android, when focus is on the Search input, there is no CSS outline displayed.
Devices:
- Nexus 5 (Android 6.0.1);
- Huawei Honor 5x (Android 5.1.1).

For Firefox on Windows, the CSS outline applies to the input HTML element when it is focused.
Also, on Chrome Browser (both Android and Windows) the CSS outline is displayed while focusing the Search input.

Screenshot: http://imgur.com/a/Jru4G

Comment 2

[Julien Cristau [:jcristau] (back April 22)]

Too late for firefox 52, mass-wontfix.

Comment 3

[[e-mail]]

Never too late for FF 53+ and the issue still persists.

Comment 4

[Makoto Kato [:m_kato]]

This occurs on Fenix, so moving to GV (or Layout?). I guess that this issue is default theme of android or native theme drawing.

Comment 5

[Kevin Brosnan [Ex-Mozilla]]

Might be fixed by bug 1620479? bug 1618202

Comment 6

[Emilio Cobos Álvarez (:emilio)]

Well not by that but yeah will be fixed by the pref flip.

Comment 7

[Makoto Kato [:m_kato]]

Yes, widget.disable-native-theme-for-content can fix this.

Comment 8

[Emilio Cobos Álvarez (:emilio)]

Fixed by 1618202

Comment 9

[Chris Peterson [:cpeterson]]

Moving some input bugs to the new GeckoView::IME component.