Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Loading…

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

Merged
merged 1 commit into from

3 participants

Jason Crane Ghislain Seguin Scott Jehl
Jason Crane

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

Ghislain Seguin gseguin was assigned
Scott Jehl scottjehl merged commit 2a15f18 into from
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
2  js/jquery.mobile.collapsible.js
View
@@ -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.