This issue is about the right-hand drop down menu widget that is displayed when the browser window is resized to a smaller width or the page is viewed on a smaller screen such as a mobile (for responsive design).

The menu widget when clicked on does not display the menu options. Seen this on Chrome and Firefox on Mac OS X.

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

markhalliwell’s picture

Category: bug » support
Status: Active » Postponed (maintainer needs more info)

Please make sure you're running the correct jQuery Update version per this project's documentation. If you're still having issues, please provide a screenshot or even a better description of what's happening, your message is a little vague.

therobyouknow’s picture

Status: Closed (works as designed) » Closed (fixed)

Thanks for the solution - JQuery update (2.3) reports that I was running Jquery 1.5 when at time of writing the minimum for bootstrap is 1.7. So the solution was to change the setting in Jquery update to use jquery version 1.7.

By the way, by "right-hand drop down menu widget" I meant:
right-hand menu widget

therobyouknow’s picture

Status: Postponed (maintainer needs more info) » Closed (fixed)
FileSize
3.96 KB
therobyouknow’s picture

markhalliwell’s picture

Status: Closed (fixed) » Closed (works as designed)
giorgio79’s picture

Title: Right-hand Drop-down (collapsed) menu widget does not show menu options when clicked on » Right-hand Drop-down (collapsed) menu widget does not show menu options when clicked on - required jquery update
Status: Closed (fixed) » Active

Could we add the dependency on jquery_update to the info file? drush will download it auto then. :)
https://drupal.org/node/542202

wundo’s picture

Hi Giorgio,
I've added a warning on the settings page to remind the user about the jQuery Update, next time, please create a new issue.

wundo’s picture

Status: Active » Fixed
markhalliwell’s picture

Status: Fixed » Needs work

The committed code should use module_exists('jquery_update') && version_compare(variable_get('jquery_update_jquery_version', 0), 1.7, '>=')

markhalliwell’s picture

Also need backport.

wundo’s picture

Status: Needs work » Fixed

Nice catch! fixed.

wundo’s picture

Backported to 7.x-2.x too.

markhalliwell’s picture

Title: Right-hand Drop-down (collapsed) menu widget does not show menu options when clicked on - required jquery update » Show notice on settings page if not jQuery 1.7+
Version: 7.x-2.0 » 7.x-3.x-dev
Category: support » feature
Issue tags: -needs backport to 7.x-2.x
valkum’s picture

Version: 7.x-3.x-dev » 7.x-3.0-rc2
ShaunDychko’s picture

Version: 7.x-3.x-dev » 7.x-3.0-rc2
FileSize
45.1 KB

jQuery 1.7+ caboshes the dropdown in Rules configuration, so I needed to add updated jQuery using hook_js_alter in the subtheme's template.php file, as shown:

/**
 * Implements hook_js_alter().
 * Adds updated jQuery for Bootstrap.
 */
function [theme_name]_js_alter(&$javascript) {
  $javascript['misc/jquery.js']['data'] = drupal_get_path('theme', '[theme_name]') . '/js/jquery.min.js';
  $javascript['misc/jquery.js']['version'] = '1.8.3';
}

But an error is still displayed on the theme settings page due to the following lines in ../theme/settings.inc

  // Display a warning if jquery_update isn't enabled.
  if (!module_exists('jquery_update') || !version_compare(variable_get('jquery_update_jquery_version', 0), 1.7, '>=')) {
    drupal_set_message(t('jQuery Update is not enabled, Bootstrap requires a minimum jQuery version of 1.7 or higher. <br>Please enable <a href="https://drupal.org/project/jquery_update">jQuery Update module</a> 7.x-2.3 or higher, you must manually set this in the configuration after it is installed.'), 'error');
  }

even though jQuery is just fine for the theme that's using Bootstrap. jquery_update shouldn't be a formal dependency of the Bootstrap theme since there are other ways of adding updated jQuery. I'm not sure how to query in the theme settings page for which jquery version is being used. Perhaps this error notice can be removed altogether in favour of a bold notice in the theme documentation to update jquery somehow, recommending the jquery_update module, but not requiring it as is currently being done.

I've attached a screenshot of the issue with Rules, using jquery_update with 1.7.

ShaunDychko’s picture

Version: 7.x-3.0-rc2 » 7.x-3.x-dev
Status: Fixed » Needs work
markhalliwell’s picture

Version: 7.x-3.0-rc2 » 7.x-3.x-dev

Perhaps we can add a "Suppress jQuery Warning" checkbox in the Advanced tab of the theme settings for things like this.

FWIW, the message says minimum jQuery 1.7, meaning the Rules dropdown would probably work with jQuery 1.8. Regardless, if there's something that isn't working in a module because of a jQuery versioning issue, it should be addressed in that issue. Something like... "Hey your module doesn't work with jQuery 1.7 (using jquery_update module)".

Also FWIW, I don't think we're going to get rid of this message, mainly due to the number of issues we get from people who actually don't read the documentation. This is an effort to help eliminate the confusion of why JavaScript doesn't work on just a plain install of this project.

markhalliwell’s picture

Version: 7.x-3.x-dev » 7.x-3.0-rc2
Status: Needs work » Fixed

Also, please create new issues referencing the "fixed" issue (instead of re-opening). It helps track regressions and where/why code was introduced.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.