[Dojo-interest] [dojox/mobile] RoundRectList flickers on selection in ScrollableView on iOS 6.1

Adrian Vasiliu adrian.vasiliu3+dojo at gmail.com
Tue Apr 2 06:05:01 EDT 2013


Hi,

Indeed, I reproduce. Feel free to enter a ticket at
http://trac.dojotoolkit.org (or let us know if you want us to do it for
you.)

Thanks,
Adrian

2013/4/2 Guppa devios <guppadevios at gmail.com>

> Hello,
>
> I am using a RoundRectList in a ScrollableView with a fixed header and
> a fixed footer. When testing in Safari on iOS 6.1.3, I see an issue
> where the list flickers or jumps inside the ScrollableView when I
> select any of the first five items. What I mean by flicker or jump is
> that the list item text briefly appears in the header area and then
> disappears. Its as if the touch to select the list item also triggers
> a wrong momentary scroll overlaying items on top of the header area
> before restoring the view to the original position - giving a feeling
> of the list jumping in the view.
>
> I have tried both Dojo 1.8.3 and Dojo 1.9.0b2 releases.
>
> This happens only if the list has more than 30 items. Also this
> happens only on selecting any of the first 5 items in the list. It is
> not seen on selecting any of the items after the first 5. (I also
> tried the LongListMixin from Dojo 1.9, but that too has the same
> problem).
>
> This of course, does not happen in a normal View (as opposed to
> ScrollableView).
>
> Can you please let me know how to fix this ?
>
> Below is my html and javascript code:
>
> <head>
> <meta charset="utf-8"/>
> <title>My Title</title>
> <style>@import "themes/iphone/iphone.css";</style>
> <meta name="viewport" content="width=device-width, initial-scale=1.0,
> user-scalable=no"></meta>
> </head>
>
> <body>
>   <div data-dojo-type="dojox.mobile.ScrollableView" id="BigListView"
> selected="true">
>     <h1 data-dojo-type="dojox.mobile.Heading" fixed="top">My Header</h1>
>     <ul id="myList"> </ul>
>     <h1" data-dojo-type="dojox.mobile.Heading" fixed="bottom">My
> Footer</h1>
>   </div>
>
> <script type="text/javascript" data-dojo-config="'parseOnLoad':false,
> 'async':true" src="lib/dojo/dojo/dojo.js"></script>
> <script type="text/javascript" src="app.js"></script>
> </body>
>
>
>
> app.js:
>
>
> require([ "dojo/ready",
>           "dojox/mobile/parser",
>           "dojox/mobile/RoundRectList",
>           "dojox/mobile/ListItem",
>           "dojox/mobile/ScrollableView",
>           "dojox/mobile/Heading",
>           "dojo/domReady!"
>           ], function(ready, parser, RoundRectList, ListItem){
>       ready(function(){
>                     parser.parse();
>                     var i = 0;
>                     var bigList = new RoundRectList({select:
> "multiple"}, "myList");
>                     var newItem;
>                     for (i = 0; i < 30; i++) {
>                          newItem = new ListItem({
>                                              label: "Some Label " + i
>                                        });
>                          bigList.addChild(newItem);
>                     }
>                     bigList.startup();
>                });
>  });
> ________________________________________________________
> Dojo Toolkit: http://dojotoolkit.org/
> Tutorials: http://dojotoolkit.org/documentation/
> Reference Guide: http://dojotoolkit.org/reference-guide
> API Documentation: http://dojotoolkit.org/api
>
> Dojo-interest at mail.dojotoolkit.org
> To unsubscribe, visit:
> http://mail.dojotoolkit.org/mailman/listinfo/dojo-interest
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://mail.dojotoolkit.org/pipermail/dojo-interest/attachments/20130402/515495fc/attachment.htm 


More information about the Dojo-interest mailing list