[FF] Active state doesn't work

[oskarwrobel]

On my FF 47.0 in manual test buttons don't change on click.

It is ok when I set active state by browser console:

On Chrome everything is ok:

Could someone confirm that?

[oleq]

Related issue #201.

[oleq]

Quick research revealed that the culprit is the evt.preventDefault() on mousedown https://github.com/ckeditor/ckeditor5-ui-default/blob/master/src/button/buttonview.js#L60. This preventDefault prevents the button stealing editable focus.

We must find some other way to prevent focus stealing which does not break CSS states in FF.

Related question on SO http://stackoverflow.com/questions/11464520/aactive-vs-mousedown-event-preventdefault-ed.

[oleq]

An important note from the spec:

CSS does not define which elements may be in the above states, or how the states are entered and left. Scripting may change whether elements react to user events or not, and different devices and UAs may have different ways of pointing to, or activating elements.

Also see the issue on FF bug tracker.

[oleq]

Given the complexity of the issue vs. importance, I'm postponing it to the next milestone.

[CKEditorBot]

There has been no activity on this issue for the past year. We've marked it as stale and will close it in 30 days. We understand it may be relevant, so if you're interested in the solution, leave a comment or reaction under this issue.

[CKEditorBot]

There has been no activity on this issue for the past year. We've marked it as stale and will close it in 30 days. We understand it may still be relevant, so if you're interested in the solution, leave a comment or reaction under this issue.

[CKEditorBot]

We've closed your issue due to inactivity over the last year. We understand that the issue may still be relevant. If so, feel free to open a new one (and link this issue to it).