Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Already on GitHub? Sign in to your account

Firefox: Collapsible forgets to remove 'glow' after click (active) #6641

Closed
Ruffio opened this Issue Oct 22, 2013 · 2 comments

Comments

Projects
None yet
3 participants

Ruffio commented Oct 22, 2013

I don't know if this is a bug or a feature.

If you click on a collapsible set and it expands, then the header still has the (blue) glow around it. Also when you click the header again to close it, the glow remains.

Try here: http://view.jquerymobile.com/master/dist/demos/collapsibleset/

I don't recall that any other elements keeps the glow after it isn't active anymore.

The 'bug' feature is detected in Firefox 23.0, but not in Chrome 30.0 on Android 4.2.1.

If this is a feature, then I think that it should be consistent on all platforms.

Member

jaspermdegroot commented Oct 22, 2013

@Ruffio

The problem is that Firefox (and Opera) applies the :focus class to anchor elements when you click on it, while other browsers don't. We wrap the collapsible heading in an anchor to turn it into a button.

Here is a test page (without jQuery Mobile) where you can see this behaviour: http://jsbin.com/AKOmUxa/46

It's not a feature to apply this focus style when you click on the collapsible, so we don't want to do this on all browsers. However, we do want the focus style when you use keyboard to navigate to the collapsible, so we can't just unset it.

Not sure if we can do something about this.

Owner

arschmitz commented Oct 23, 2014

I'm going to close this as wont fix collapsible / set is being replaced with accordion in 1.5

@arschmitz arschmitz closed this Oct 23, 2014

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment