Skip to content

Navbar wrapping on Blackberry OS 5 #2159

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

6 participants

@robberry

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
communiq commented Aug 2, 2011

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%');
}

@robberry
robberry commented Aug 3, 2011

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

Any other suggestions?

@robberry robberry closed this Aug 3, 2011
@robberry robberry reopened this Aug 3, 2011
@communiq
communiq commented Aug 3, 2011

yeah, but it works on simulator and BB 9000 bold

@reprotector

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
communiq commented Aug 3, 2011

$('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

@reprotector

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

@communiq
communiq commented Aug 3, 2011

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 :)

@reprotector

@communiq, I love you.

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

Thanks very much!

@communiq
communiq commented Aug 3, 2011

You are welcome :)

@communiq
communiq commented Aug 3, 2011

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

@robberry
robberry commented Aug 3, 2011

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

@agcolom
jQuery Foundation member
agcolom commented Apr 29, 2012

Hi everyone, is this still an issue with latest?

@jasondscott jasondscott was assigned May 22, 2012
@jasondscott

Confirmed. It is still an issue on latest

@jaspermdegroot
jQuery Foundation member

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

@jaspermdegroot jaspermdegroot added a commit that referenced this issue Jun 12, 2012
@jaspermdegroot jaspermdegroot 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
@jaspermdegroot
jQuery Foundation member

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!

@jaspermdegroot jaspermdegroot added a commit that referenced this issue Jun 16, 2012
@jaspermdegroot jaspermdegroot 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
@jaspermdegroot
jQuery Foundation member

Fixed by merging commits from PR #4514

@jaspermdegroot jaspermdegroot added a commit that referenced this issue Jun 16, 2012
@jaspermdegroot jaspermdegroot 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.