Skip to content

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

Closed
andleer opened this Issue Jan 15, 2013 · 2 comments

2 participants

@andleer
andleer commented Jan 15, 2013
<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
jQuery Foundation member

@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
andleer commented Jan 15, 2013

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.