Navbar wrapping on Blackberry OS 5 #2159

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

Projects

None yet

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