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

@wietsevenema

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?

@scottjehl 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
@scottjehl scottjehl closed this in e567742
@scottjehl

Landed. thanks!

@timmywil 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.
View
12 tests/unit/listview/index.html
@@ -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>
View
27 tests/unit/listview/listview_core.js
@@ -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.