Comments (3)
Figured this bad boy out... kind of crazy actually.
Turns out that most people nest the text arrow list into a rounded panel. And the rounded panel has different styling on BB5 vs BB6/BB7/PlayBook. Essentially in BB6/BB7/PlayBook we now have support for rounded borders so all of the rounded panel styling was done purely in CSS.
On BB5 the rounded panel was done doing some 9-slicing of a background image that created the rounded borders.
On BB6/BB7 the rounded borders take a long time to re-compute/layout in the engine. So when you were highlighting the items in the row this was changing the CSS for the row... and when the the class of a div changes the layout of the page needs to re-compute, which means the rounded border of the panel needed to be re-computed, thus causing lags.
You could also see these lags happening when using the Trackpad to navigate between controls in the settings screens in the samples.
So..what's the solutions.. use the BB5 styling on BB6/BB7 devices and the performance issue goes away while retaining the same look. You can make this change yourself in the bb.roundPanel code by changing the first line of the apply function to:
if (bb.device.isBB7() || bb.device.isBB6() || bb.device.isBB5())
I've made this change in the work that I'll be merging in on May 1st, but you can make the change now in your own bbUI.js file to get the speed increases
from bbui.js.
Ooops.. yup.. I'm looking at my new code where I've changed those to properties... I updated the post
from bbui.js.
Just checked in this change
from bbui.js.
Related Issues (20)
- bb10 example doesn't work with latest Web Works 2.0 release 2.1.0.13 HOT 3
- Buttons highlight customization? HOT 2
- Update wiki for 10.3 HOT 1
- [Feature] Compact Action Bar HOT 1
- Align Overflow to Bottom HOT 1
- Hide Signature Action
- 10.3 ActionBar - Missing Action Item HOT 2
- Z30(Z3?) 10.3 - missing space on screen (top / bottom)
- "Invalid Project" in WebWorks SDK HOT 4
- Disabled text box issue.. bug??
- [New Feature]API for Classic trackpad and Passport touch Keyboard HOT 7
- Reorder / Redraw / Remove Action Bar "Tabs" overflow
- Q10 (10.3) doesn't display ActionBar Overflow-Menu HOT 8
- Request: classic support for bbui.js HOT 1
- Is there any way to prevent bbui from hoisting my javascript? HOT 2
- module.js:340 throw err; HOT 2
- bb.popScreen merge two screens
- Menu doesn't pull down
- Image List Highlight doesn't clear when dismissing Context Menu
- Avoid applying BBUI style on div
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from bbui.js.