Dropdown bug with responsive navigation bar

[fpizzichillo]

Hi Community.
I have a problem when I see the menu of my app on a phone or tablet.
The layout is as follows:
https://gist.github.com/fpizzichillo/8473772

The problem is I can not browse the items of DropdownSubmenu.
Appears to be related to PR #458

Regards

[caarlos0]

Which version are you using?

[fpizzichillo]

2.3.2.0

[TekTimmy]

i have the same problem, but it works when you open the collapse a second time.
at the first collapse opening the height is set absolute (calculated pixels) the second time the height is correctly set to "auto". this must be a problem in the bootstrap JavaScript of the responsive navbar plugin...

[fpizzichillo]

In my case, does not work the second time. Can not click inside the navlink DropdownSubmenu

[reinert]

gosh... we need it fixed right away!

@ashtaroth @acramatte could you help with this issue?!

[ashtaroth]

Hi guys, i'm using this library without resources right now. But I'll try to help you with his bug.

First of all, @fpizzichillo please let us know the build number of gwtbootstrap library you are using (look inside maven-metadata-snapshots.xml).
Second, we should have to know if you use resources (js and css) provided by gwtbootsrap library or just load custom resources manually (look for in your main gwt.xml file).
Also please provide us the value for 'bootstrap.responsiveDesign' parameter in your main gwt.xml file)

[fpizzichillo]

Hi @ashtaroth. Thanks for the help.
I can not find the file (maven-metadata-snapshots.xml) Is inside the jar??
I'm using the final version 2.3.2.0 and resources are the default ones.
The value of the property is

[acramatte]

@TekTimmy: Are you having your issue with DropdownSubmenu inside a responsive navigation bar ? Also, are you using version 2.3.2.0 ?

[acramatte]

I quickly tried @fpizzichillo's layout and I also have the issue on my phone.

Items from dropdown-submenu are only shown on :hover which doesn't work that well on smartphone/tablets (you can see the list being shown for 0,5 second if you long press on your smartphone).

[reinert]

So, it is a bootstrap issue?

D. Reinert

On Wed, Jan 29, 2014 at 5:15 PM, Alexis Cramatte
[email protected]:

I quickly tried @fpizzichillo https://github.com/fpizzichillo's layout
and I also have the issue on my phone.

Items from dropdown-submenu are only shown on :hover which doesn't work
that well on smartphone/tablets (you can see the list being shown for 0,5
second if you long press on your smartphone).

Reply to this email directly or view it on GitHubhttps://github.com//issues/479#issuecomment-33625746
.

[TekTimmy]

@acramatte For me the dropdown buttons also work on touch devices without problems. I just had to use the "Navbar" instead of the "ResponsiveNavbar" which does not build this nice "collapse" but also works on small screen devices.
I'm using "2.3.2.0-SNAPSHOT" from "https://oss.sonatype.org" and won't update within the next days because I just finished testing a new release of the tool I'm writing.

In my case the bootstrap JavaScript code that sets the height of the collapsed navbar used a calculated fixed pixel value (like "232px") so when clicking an dropdown button the layout .. crashes. When using the "collapse" button twice the height is correctly set to "auto" and everything worked fine. So in my version it seems to be an problem with the bootstrap javascript code.

[caarlos0]

The 2.3.2.0 stable was released earlier this week, by the way =)

[juricaviskovic]

I am using latest snapshot build and having similar problems!
On touch devices dropdown work ok, but dropdown submenu has problems!
It opens on touch but doesn't stays open for user to click some navlink in it!
I am having issues on responsive and plain navbar!

Let me just point out that it must be bootstrap issue because i try it without gwt and it still doesn't work!

[caarlos0]

Sadly, it's probably a bootstrap issue, you can find a lot of issues and workarounds for it https://www.google.com.br/search?q=bootstrap+2+mobile+dropdown+navbar

[reinert]

Check this question: http://stackoverflow.com/questions/18139721/bootstrap-have-mobile-navbar-entire-bar-dropdown

Showcase's navbar is working fine. I don't about the dropdown problem.

[juricaviskovic]

As i said before the navbar, responsivnavbar and dropdown are working fine but the dropdown submenu if you put it in navbar doesn't work on touch devices and i still haven't found the solution so for now on mobile devices i have added something like dropdown-header from bootstrap 3 till the issue is resolved!