[Buttons] disabled button is clickable

[colinpmacarthur]

On IE 10, the disabled button is clickable:

Found on:

• IE 10, Windows 7, Sauce Labs
• iPad
• iPhone

[jpyuda]

Button does not appear to actually have disabled="disabled" set

[carodew]

Would be higher if we knew it submitted a form on accident but we don't know that at this point.

[maya]

@colinpmacarthur this is the default behavior for buttons in IE, to shift when clicked. Do you want it removed for all? We don't do this in any other browsers.

[maya]

Also this is only for button elements, so maybe you can add something in the documentation, that they need to add the disabled attribute?

We wanted this to be usable for any way someone want to use a button, and many people use anchor links and want this style. Another idea is we switch all of our buttons to use anchor links in the example. Bc we don't want that attribute in anchor links. cc @jpyuda

[jpyuda]

Links that look like buttons (and vice versa) can be a whole thing, because buttons and links actually behave slightly differently in the browser. Hmm..

[maya]

I actually think we should add disabled attribute here bc that demonstrates it's unusable and un-clickable.

[carodew]

+1

[patrickcate]

I would suggest adding pointer-events: none to the usa-button-disabled class and button disabled attribute so hover and click events are not registered. Browser support for the CSS property is pretty good:
http://caniuse.com/#feat=pointer-events