Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP

Loading…

Navbar wrapping on Blackberry OS 5 #2159

Closed
robberry opened this Issue · 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

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

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
@robberry robberry reopened this
@communiq

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

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

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

You are welcome :)

@communiq

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

@robberry

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

@agcolom
Collaborator

Hi everyone, is this still an issue with latest?

@jasondscott jasondscott was assigned
@jasondscott

Confirmed. It is still an issue on latest

@jaspermdegroot
Collaborator

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 referenced this issue from a commit
@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
Collaborator

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 referenced this issue from a commit
@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
Collaborator

Fixed by merging commits from PR #4514

@jaspermdegroot jaspermdegroot referenced this issue from a commit
@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.