Skip to main content

Search and Top Navigation

#5420 closed bug (notabug)

Opened March 24, 2010 05:53PM UTC

Closed August 20, 2010 12:32PM UTC

Last modified October 11, 2012 09:15PM UTC

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)
  • error.gif (11.7 KB) - added by simshaun March 24, 2010 05:53PM UTC.

    Bug

  • inactive.gif (9.8 KB) - added by simshaun March 24, 2010 05:53PM UTC.

    Inactive state

Change History (3)

Changed March 24, 2010 05:54PM UTC by simshaun comment:1

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

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

Changed August 20, 2010 12:32PM UTC by scottgonzalez comment:2

resolution: → invalid
status: newclosed

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.

Changed October 11, 2012 09:15PM UTC by scottgonzalez comment:3

milestone: TBD

Milestone TBD deleted