Drop-down menu does not work inside right-to-left sites
Posted: Tue Dec 07, 2010 7:58 am
I am posting here since I have not received the needed help at the Drupal site. It is the Drupal module administration menu. This module shows a a drop-down menu that gives easy access to most of the administration pages. It works very fine inside left-to-right sites. The drop-down menu works as it should. However, inside right-to-left sites the drop-down menu does not appear. It simply does not expand (drop-down).
I think the problem is caused by the structure of the js file delivered with the module.
I post here with the hope that someone has encountered a similar problem inside RTL sites. The js file is attached to this post (originally bundled with version 6.x-1.6).
Administration menu site:
http://drupal.org/project/admin_menu
Here is the critical and relevant part of that js file, I think:
Thanks in advance.
I think the problem is caused by the structure of the js file delivered with the module.
I post here with the hope that someone has encountered a similar problem inside RTL sites. The js file is attached to this post (originally bundled with version 6.x-1.6).
Administration menu site:
http://drupal.org/project/admin_menu
Here is the critical and relevant part of that js file, I think:
Code: Select all
// Delayed mouseout.
$('#admin-menu li').hover(function() {
// Stop the timer.
clearTimeout(this.sfTimer);
// Display child lists.
$('> ul', this).css({left: 'auto', display: 'block'})
// Immediately hide nephew lists.
.parent().siblings('li').children('ul').css({left: '-999em', display: 'none'});
}, function() {
// Start the timer.
var uls = $('> ul', this);
this.sfTimer = setTimeout(function() {
uls.css({left: '-999em', display: 'none'});
}, 400);