search

jquery-archive / jquery-mobile

jQuery Mobile Framework
https://jquerymobile.com
Other
9.68k stars 2.4k forks source link

Navbar wrapping on Blackberry OS 5 #2159

Closed robberry closed 12 years ago

robberry commented 13 years ago

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 commented 13 years ago

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 commented 13 years ago

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

Any other suggestions?

communiq commented 13 years ago

yeah, but it works on simulator and BB 9000 bold

reprotector commented 13 years ago

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 commented 13 years ago

$('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 commented 13 years ago

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

communiq commented 13 years ago

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 commented 13 years ago

@communiq, I love you.

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

Thanks very much!

communiq commented 13 years ago

You are welcome :)

communiq commented 13 years ago

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

robberry commented 13 years ago

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

agcolom commented 12 years ago

Hi everyone, is this still an issue with latest?

jasondscott commented 12 years ago

Confirmed. It is still an issue on latest

jaspermdegroot commented 12 years ago

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 commented 12 years ago

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 commented 12 years ago

Fixed by merging commits from PR #4514