Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP

Loading…

Collapsible adds top, bottom corner classes to all .ui-btn-inner elements #3661

Merged
merged 1 commit into from

3 participants

@jasonlcrane

Creating a collapsible widget adds "ui-corner-top" and "ui-corner-bottom" classes to all "ui-btn-inner" elements in the DOM, rather than just to the collapsible header. Setting the context for which ui-btn-inner to change the class on fixes the problem for me.

Example with 1.0.1: http://jsbin.com/ucijek/4
"Collapsible" in the navbar opens a page with collapsible widgets. When you return to the first page, the corners on the navbar buttons are rounded.

Example with the fix: http://jsbin.com/odexog/2

@gseguin gseguin was assigned
@scottjehl scottjehl merged commit 2a15f18 into jquery:master
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
This page is out of date. Refresh to see the latest.
Showing with 1 addition and 1 deletion.
  1. +1 −1  js/jquery.mobile.collapsible.js
View
2  js/jquery.mobile.collapsible.js
@@ -71,7 +71,7 @@ $.widget( "mobile.collapsible", $.mobile.widget, {
mini: o.mini,
theme: o.theme
})
- .add( ".ui-btn-inner" )
+ .add( ".ui-btn-inner", $el )
.addClass( "ui-corner-top ui-corner-bottom" );
//events
Something went wrong with that request. Please try again.