Skip to content
This repository

Navbar wrapping on Blackberry OS 5 #2159

Closed
robberry opened this Issue July 28, 2011 · 16 comments

6 participants

Rob Berry Jason Scott Jasper de Groot communiq Renan Protector Anne-Gaelle Colom
Rob Berry

The navbar wraps on Blackberry OS5 because of a vertical scroll bar on the right hand side. It also seems to be pushing some other elements out i.e. count bubble on list.

communiq

I temporarily fixed this issue by adding a little of code (before this one I have a filter for BlackBerry)

if(navigator.userAgent.match(/(5.0)/)){
$('ul.ui-grid-a > li.ui-block-a').width('49.9%');
}

Rob Berry

The above doesn't seem to fix the issue I have, but I can see how it might.

Any other suggestions?

Rob Berry robberry closed this August 03, 2011
Rob Berry robberry reopened this August 03, 2011
communiq

yeah, but it works on simulator and BB 9000 bold

Renan Protector

Same issue here.

Tested in BB 9800, 8520 and 9650:
BB 9800 - Vodafone with OS 6.0 works
BB 8520 and 9650 with OS 5.0 does not.

communiq

$('div[data-role=page]').live('pageshow', function(event)
{
if(navigator.userAgent.match(/(5.0)/)){
$('ul.ui-grid-a > li.ui-block-a').width('49.9%');
}
});
Just put this one to head > script

Renan Protector

The above code doesn't fix my issue. Please check my problem here: http://www.image-share.com/ipng-826-212.html

communiq

So, you have 4 items in navbar. I have 2 items, so you should do the same but for "ul.ui-grid-c > li.ui-block-a" and set this block to 25%-0.1%=24.9% or something like that :)

Renan Protector

@communiq, I love you.

I saw that you did it for 2 items but I forgot data-grid c :)

Thanks very much!

communiq

You are welcome :)

communiq

I have tested couple of minutes ago that in nightly builds - have the same bug :)

Rob Berry

This fixed it for me too. Well done! Now just to build it into the main codebase.

Anne-Gaelle Colom
Collaborator

Hi everyone, is this still an issue with latest?

Jason Scott

Confirmed. It is still an issue on latest

Jasper de Groot
Owner

I reference two other issues here since we should look at them all when we work on a fix.
IE7 navbar buttons wrap: #2270
Navbar buttons leave gap at the right: #3341

Jasper de Groot uGoMobi referenced this issue from a commit in uGoMobi/jquery-mobile June 12, 2012
Jasper de Groot Fixes #2270 and #2159 - Adjusted grid blocks percentage width to prev…
…ent wrapping on older browsers and set it back for modern browsers. Minor adjustment for grid-a to fix BB5 issue.
e433a15
Jasper de Groot
Owner

Hi all,

See PR #4514 which contains a link to a test page. Can you try this on your devices and let me know if the issue is fixed and no other issues occur on BB5? Thanks!

Jasper de Groot uGoMobi referenced this issue from a commit June 12, 2012
Jasper de Groot Fixes #2270 and #2159 - Adjusted grid blocks percentage width to prev…
…ent wrapping on older browsers and set it back for modern browsers. Minor adjustment for grid-a to fix BB5 issue.
d02418c
Jasper de Groot uGoMobi closed this June 16, 2012
Jasper de Groot
Owner

Fixed by merging commits from PR #4514

Jasper de Groot uGoMobi referenced this issue from a commit June 12, 2012
Jasper de Groot Fixes #2270 and #2159 - Adjusted grid blocks percentage width to prev…
…ent wrapping on older browsers and set it back for modern browsers. Minor adjustment for grid-a to fix BB5 issue.
a6a0ba4
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.