Skip to content

List dividers in inset list: problems with rounded borders #1450

indyEssl opened this Issue Apr 14, 2011 · 1 comment

3 participants


When you use the list dividers from the documentation inside a inset list, the framework doesn't consider the special classes for the first and the last li-item. (which are used for the rounded borders)

Hence, when I type a search phrase, which disables the first or the last li-item, the rounded borders-effect of the inset list disappears.

Suggested solution: Use css3 pseudo-classes first-child and last-child instead of real classes for rounded borders?


In addition to the first li getting ui-corner-top, the .ui-li-link-alt gets ui-corner-tr and .ui-li-thumb gets ui-corner-tl. There are the reverse rules for the last li in the list. The CSS might get complex because it the first-child that is not(ui-screen-hidden) where you have to apply all three rules.

@gseguin gseguin was assigned Aug 10, 2011
@gseguin gseguin added a commit to gseguin/jquery-mobile that referenced this issue Aug 11, 2011
@gseguin gseguin Fix for issue #1450: added refreshCorners method to listview widget 418bb87
@gseguin gseguin closed this Aug 11, 2011
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.