Opened 10 years ago

Closed 10 years ago

Last modified 8 years ago

#5420 closed bug (notabug)

Input type = submit || button retains ui-state-focus after being clicked

Reported by: simshaun Owned by:
Priority: minor Milestone:
Component: ui.button Version: 1.8
Keywords: Cc:
Blocked by: Blocking:

Description

This may or may not be a bug, does does lead to some quirky issues.

Its similar to ​5265

When clicking an input thats been converted into a button, it retains the ui-state-focus class.

The problem occurs when using it in a form that has JS validation. If validation fails, error messages are displayed and the form is kept from submitting, but the button retains its "focused" state even after clicking on a different field.

Attachments (2)

inactive.gif​ (9.8 KB) - added by simshaun 10 years ago.
Inactive state
error.gif​ (11.7 KB) - added by simshaun 10 years ago.
Bug

Download all attachments as: .zip

Change History (5)

Changed 10 years ago by simshaun

Attachment: inactive.gif​ added

Inactive state

Changed 10 years ago by simshaun

Attachment: error.gif​ added

Bug

comment:1 Changed 10 years ago by simshaun

I forgot to note that the behavior mentioned can be seen in the demo as well.

​http://jqueryui.com/demos/button/

comment:2 Changed 10 years ago by Scott González

Resolution: → invalid
Status: new → closed

This is correct behavior. The button does have focus. You can verify this by pressing enter and watching the button get depressed or by logging out document.activeElement.

comment:3 Changed 8 years ago by Scott González

Milestone: TBD

Milestone TBD deleted

Note: See TracTickets for help on using tickets.