Skip to main content

Search and Top Navigation

#7958 closed enhancement (notabug)

Opened December 16, 2011 08:12PM UTC

Closed December 16, 2011 08:46PM UTC

Last modified December 16, 2011 09:25PM UTC

Button Flickers When Pressing Space on Input Elements

Reported by: ole Owned by: ole
Priority: minor Milestone: 1.9.0
Component: ui.button Version: 1.8.16
Keywords: Cc:
Blocked by: Blocking:
Description

When the button() is applied to input elements, the background flickers when the space bar is pressed (The ui-state-active class is added and removed when the space bar is pressed). It would be great if it would stay in a consistent state while the user is typing. I've tested this in Chrome and Firefox. Here's a button to play with:

http://jsfiddle.net/cKVB5/2/

Attachments (0)
Change History (4)

Changed December 16, 2011 08:19PM UTC by scottgonzalez comment:1

owner: → ole
status: newpending

Why would you even turn a text input into a button?

Changed December 16, 2011 08:44PM UTC by ole comment:2

status: pendingnew

I thought this was a standard use case for the button. I'm using button for just about all my form components: anchors (a), input, textarea, and of coarse buttons. The reason is simplicity. I add a button class to each component, call $(".button").button(), and call it a day :).

Changed December 16, 2011 08:46PM UTC by scottgonzalez comment:3

resolution: → invalid
status: newclosed

That doesn't make any sense. Text fields aren't buttons.

Changed December 16, 2011 09:25PM UTC by ole comment:4

Applying the button function to input and textarea elements achieves a consistent look for the entire form.