On Android tablets which are wide enough not to trigger the responsive layout of the menu intended for phones, the main dropdown menu of the administrative interface (default template) do not respond to taps (clicks), making the interface unusable.
Opened On:
15 Jan 2013, 14:48 by DENIA SI
Closed On:
26 Apr 2013, 17:11
Fixed in SVN/GitHub

Filed Under

  • First
  • Google Chrome Android
  • No Platform Implications
  • Second
  • Templates


Posted on 15 Jan 2013, 14:56 by DENIA SI
Looking at the code I have tracked down the issue to a bug in Twitter Bootstrap. The bugs are reported but as of version 2.2.2 not fixed as far as I can test.

A working workaround is described here:

A patch of the latest version upstream would be prefferable, however as version 2.2.2 also has other issues with Joomla (3.0.2), I will provide a pull request for the code for version 2.1.0 included in Joomla, which as far as I can test works perfectly in Joomla (3.0.2).
Posted on 15 Jan 2013, 15:43 by DENIA SI
Pull request:
Posted on 16 Jan 2013, 0:48 by Jean-Marie Simonet
Setting to pending as we have a patch.
Posted on 10 Mar 2013, 14:23 by Roberto Segura
Posted on 26 Mar 2013, 13:51 by DENIA SI
We understand there are not very many developers with properly sized tablets here but is there anything we can do to help with this bug to get the code included in a release?
Posted on 27 Mar 2013, 15:19 by Mike Biolsi
@tested good

Nexus7, Android tablet. confirmed bug. applied patch. patch worked as stated. Also tested after patch to confirm that rotating screen, and thereby adjusting menu still worked as expected.
Posted on 28 Mar 2013, 10:18 by Brian Teeman
Shouldnt we be fixing this by updating bootstrap and not backporting
Posted on 28 Mar 2013, 10:35 by DENIA SI
This fix will work until the rest of the joomla code is updated to a bootstrap version that doesn't have this bug.

AFAIK the current latest version of bootstrap still has this bug and Joomla will not work with it without other modifications.
Posted on 24 Apr 2013, 13:00 by Angelika Reisiger
I can confirm this issue on iPad4 with ios 6.1.3 and Safari and another Tab with Android Jelly Bean 4.1.1 and tablet own browser. So, in the moment you can't surf in J! backend, because you don't have access to any subemenues.

@patch (from Github)
the changes in bootstrap.js and bootstrap.min.js fix these issues.
Posted on 25 Apr 2013, 13:00 by Constantin Romankiewicz
As we have two successfull tests on three different environments, I'm setting this to RTC.
Posted on 26 Apr 2013, 17:11 by Mark Dexter
Fixed in master. Thanks!