Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Loading…

Corner styling issue with listview refresh on growing lists #1470

Closed
pamelafox opened this Issue · 5 comments

4 participants

Pamela Fox Todd Parker Kevin Hakanson Ghislain Seguin
Pamela Fox

Steps to replicate:
1. Create an empty UL in HTML.
2. Add LIs to it one at a time, calling refresh after each one.
3. The top LI will be mis-styled, with the bottom-corner class names still applied even after subsequent LI additions.
Demonstration: http://imagine-it.org/jquerymobile/listview_wrong.html

Workaround is to only refresh after adding all of them: http://imagine-it.org/jquerymobile/listview_right.html

Todd Parker

Thanks for the demo pages. We'll take a look.

Kevin Hakanson

Probably should fix this one along with jquery/jquery-mobile#1450 since the both have to do with clearing or applying corner styling to the list. It would be nice if the listview.filter could call into the listview widget to apply corner styling, since it is not only the list, but the .ui-li-link-alt and .ui-li-thumb children that get corner styling as well. I can't seem to find a clean way of doing that.

Also, it looks like there is another bug on applying ui-corner-tl or ui-corner-bl the .ui-li-thumb, since this code comes before the call to self._itemApply, which is what adds the .ui-li-thumb class. You can see this by looking closely at "Thumbnail, split button list" at the lists inset example.

Kevin Hakanson

Looks like jquery/jquery-mobile#1576 by @mfn is a duplicate of this. However, the bottom corner is easier to see in that example because it is data-role="list-divider" (see image @ http://i.imgur.com/3lkFs.png?7150 ).

Ghislain Seguin
Owner

I created a fiddle for that issue: http://jsfiddle.net/ghislain/d8gSH/

Todd Parker

@hakanson - Yep, I've added the "gseguin" tag to all the list issues so Ghislain can look at these list issues all at once. Feel free to tag related issues the same way.

Ghislain Seguin gseguin referenced this issue from a commit in gseguin/jquery-mobile
Ghislain Seguin Added test for issue #1470
Corner styling issue with listview refresh on growing lists
9dcbee5
Ghislain Seguin gseguin referenced this issue from a commit in gseguin/jquery-mobile
Ghislain Seguin Fix for issue #1470
Modified _removeCorners so it takes which corner to remove as a parameter
Now removes the bottom corners of first list item if it is followed by another one.
fc369ee
Ghislain Seguin gseguin referenced this issue from a commit
Commit has since been removed from the repository and is no longer available.
Ghislain Seguin gseguin referenced this issue from a commit in gseguin/jquery-mobile
Ghislain Seguin Fix for #1470
Corner styling issue with listview refresh on growing lists
bd06861
Ghislain Seguin gseguin was assigned
Ghislain Seguin gseguin closed this
Timmy Willison timmywil referenced this issue from a commit
Ghislain Seguin Fix for #1470
Corner styling issue with listview refresh on growing lists
ef89fe2
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.