Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Loading…

Top corner in inset list with two items fails #1996

Closed
wants to merge 1 commit into from

5 participants

Wietse Venema negue robcaldecott mtemanson Scott Jehl
Wietse Venema

Hi there,

The top corner style doesn't get applied in an inset list with two items (other number of items work fine). I added a red test for your convenience.

Regards,
Wietse

negue

Yeah, if I use the version of http://code.jquery.com/mobile/latest/jquery.mobile.zip it still works, so something broke between the last version and the currently git version

robcaldecott

Does anyone have a fix for this I can use?

negue

Did you tried the latest git version? I think it is kinda fixed.

negue

I have cloned the repo, all JS-Files to one File, and with this the topcorner bug is gone.

Anyway try the git sources.

robcaldecott

OK, thanks. When does the latest get updated from git? Automatically every few days or is it a manual process?

mtemanson

It still exists in the nightly dated Sat Jul 2 09:03:02 2011 -0700

You can see it using the test pages under
"List views -> Read-only inset lists" and look for the "Divided, formatted content" section.

negue

Okey, after re-pulling the sources and switching the branch (git is strange, sry), i get the "real current" sources the bug is still there.

Untill it is fixed, I use this older version:
http://dl.dropbox.com/u/1760223/jquery-mobile/jquery.mobile.js

robcaldecott

Anyone know if this is scheduled to be fixed soon? This bug still exists in the latest CDN version. Is there a CSS override I can use to fix this?

negue negue referenced this pull request from a commit
Commit has since been removed from the repository and is no longer available.
negue negue referenced this pull request from a commit
negue negue Fix: #1996 Top Corners in nested listview add66ed
negue

Well it is fixed. :P

Should I create a new Pull Request?

Scott Jehl scottjehl closed this pull request from a commit
scottjehl fixed up logic and code style for the _removeCorners "which" argument…
…. Thx for the logic suggestion, @eugenb1. Fixes #1996.
e567742
Scott Jehl scottjehl closed this in e567742
Scott Jehl

Landed. thanks!

Timmy Willison timmywil referenced this pull request from a commit
scottjehl fixed up logic and code style for the _removeCorners "which" argument…
…. Thx for the logic suggestion, @eugenb1. Fixes #1996.
265b2d2
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.
12 tests/unit/listview/index.html
View
@@ -261,5 +261,17 @@ <h2 id="qunit-userAgent"></h2>
</div>
</div>
+<!-- Rounded corners inset list with variable items -->
+<div data-nstest-role="page" id='corner-rounded-test'>
+ <div data-nstest-role="header" data-nstest-position="inline">
+ <h1>Basic List View</h1>
+ </div>
+ <div data-nstest-role="content">
+ <ul data-nstest-role="listview" data-nstest-inset="true">
+ </ul>
+ </div>
+</div>
+
+
</body>
</html>
27 tests/unit/listview/listview_core.js
View
@@ -453,7 +453,7 @@
ul.find("li").last().remove();
equal(ul.find("li").length, 2, "There should be only 2 list items left");
-
+
ul.listview('refresh');
ok(ul.find("li").last().hasClass("ui-corner-bottom"), "Last list item should have class ui-corner-bottom");
start();
@@ -461,4 +461,29 @@
]);
});
+ module("Rounded corners");
+
+ asyncTest("Top and bottom corners rounded in inset list", 10, function() {
+ $.testHelper.pageSequence([
+ function() {
+ $.testHelper.openPage("#corner-rounded-test");
+ },
+
+ function() {
+ var ul = $('#corner-rounded-test ul');
+
+ for( var t = 0; t<5; t++){
+ ul.append("<li>Item " + t + "</li>");
+ ul.listview('refresh');
+ ok(ul.find("li").first().hasClass("ui-corner-top"), "First list item should have class ui-corner-top in list with " + ul.find("li").length + " item(s)");
+ ok(ul.find("li").last().hasClass("ui-corner-bottom"), "Last list item should have class ui-corner-bottom in list with " + ul.find("li").length + " item(s)");
+ }
+
+ start();
+ }
+ ]);
+ });
+
+
+
})(jQuery);
Something went wrong with that request. Please try again.