Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP

Loading…

1.3 beta1 inset listview within controlgroup: all rows styled with rounded corners #5444

Closed
andleer opened this Issue · 2 comments

2 participants

@andleer
<div data-role="page">
  <div data-role="content">
    <div data-role="controlgroup">
      <ul data-role="listview" data-inset="true">
        <li>Detail</li>
        <li>Detail</li>
        <li>Detail</li>
      </ul>
    </div>
  </div>
</div>

results in all rows being styled with rounded corners. jqm v1.2 did not produce this. works fine outside of a controlgroup (only first / last rows have rounded corners).

Screen Shot 2013-01-14 at 9 56 31 PM

reproduced in mobile safari 6 and Chrome desktop v24... on a mac
1.3 beta 1
core 1.8.2

http://jsfiddle.net/andleer/BzVh4/

@jaspermdegroot
Collaborator

@andleer

Controlgroups are meant to style a group of buttons, radio buttons, checkboxes or selects. Not a listview.
Why would you wrap a listview in a controlgroup? Your markup without controlgroup: http://jsbin.com/ehowik/15

Closing because this is not a bug

@andleer

Fair enough. I had it there as a container for some dynamic content which could include radio buttons and checkboxes. v1.2 does not render individual rounded elements. I never thought this benign use would cause issues later. Thanks,

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.