jquery/jquery-mobile — Issue #3288: WP7 border-radius CSS performance issue
Author: sgrebnov
Created: 2011-12-16 07:50:36+00:00
State: open

More details and initial issue discussion available here:
https://filamentgroup.basecamphq.com/projects/8580955-jquery-mobile-team/posts/55498494/comments

I found out that custom selectmenu could be hardly used on WP7 if it contains more than 10 menut items- it is opened very slowly (about 6 sec for menu with 50 items) and it takes about 7-8 sec to display next items after scrolling. You can reproduce this behavior using links below:
- http://m.liftopia.com/ real application (click on “When do you want to start?”)
- http://m.akvelon.net:8182/55a/index.html my test page (click on “Custom menu example” element).

I found out that custom selectmenu is opened in a dialog page which uses dialog footer with the following CSS class “.ui-corner-bottom” and which causes the performance issue. When I disable CSS properties border-bottom-left-radius and border-bottom-right-radius of this class custom selectmenu is opened and scrolled very well. You can check updated version here: http://m.akvelon.net:8182/55b/index.html .

I see that the dialog header also applies similar CSS properties (border-top-left-radius and border-top-right-radius) but it doesn’t affect the performance.