Control Groups with Buttons Aren't Styled Properly

[rfvgyhn]

1.0rc2

When there's a control group based on <button> elements, the last item in the group doesn't get either ui-corner-right or ui-corner-bottom (depending on orientation) on the button's parent <div>.

See http://jsfiddle.net/Y2ykj/1.

[MauriceG]

Hi!
Try to replace <button data-role="button">Two</button> with <input type="button" ... />

[rfvgyhn]

Looks like the data-role attribute is messing it up. Including the attribute, both the <button> and <input> has the styling issue, but removing the attribute for both causes it to render properly.

http://jsfiddle.net/Y2ykj/2/

[MauriceG]

Yes, it seems with your code, there are two buttons on each other.

[agcolom]

This seems fixed in 1.0.1: http://jsfiddle.net/agcolom/Y2ykj/7/
However the issue is present in latest: http://jsfiddle.net/agcolom/Y2ykj/6/

[jaspermdegroot]

'Additional 2' of PR #4291 will fix the issue with double enhancement.

I am looking into the problem with input type = button in controlgroups. It is caused by class ui-controlgroup-last not being added to the outer ui-btn div but to the input element itself. Not sure yet how that happens.

[Update] Cause is double enhancement as well. For buttons and inputs with data-role button the buttonMarkup function is initialized by the element itself as well as the button widget. Added commit to exclude not only buttons from auto init, but also inputs.

[jaspermdegroot]

Closing as fixed (PR #4363)