Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP

Loading…

MooTools More is interfering with Twitter Bootstrap #1127

Open
Thetjo opened this Issue · 4 comments

4 participants

@Thetjo

Problem: When both jQuery and MooTools are loaded, Twitter Bootstrap seems to be running code from the MooTools library.

Demo (minimal): http://www.tweepixels.nl/bootstrap/

  1. Please go to the demo page (note the loading order, the latest versions of all libraries being used and noConflict() already in place).
  2. Drag the browser screen small until the menu items disappear and the menu icon appears.
  3. Click the menu item to open the dropdown menu, and click it again to close it back up.
  4. The menu immediately disappears (without the normal smooth slide-up effect) and can't be dropped down again (Mac OS Lion Chrome) or can be dropped down again, but upon making the browser wide again the menu items never appear back (Mac OS Lion Firefox).

I boiled this behavior down to line 3139 of mootools-more.js in their hide() function, which apparently is being run (something a simple alert() right before line 3139 would show). Is MooTools perhaps attaching this hide() event too aggressively to DOM objects?

This issue was posted earlier on the Twitter Bootstrap bug tracker (twbs/bootstrap#3436), where it was referred to as a potential problem in MooTools.

Regards,
Theo

Want to back this issue? Post a bounty on it! We accept bounties via Bountysource.

@JanMisker

I also found this, it has to do with the fact that Bootstrap triggers the 'hide' event, and jQuery interprets the hide() function as an event handler.

@ulilicht

is there any fix or workaround?

//edit: ok, there is one, you can find it here: twbs/bootstrap#3436

@fakedarren
Collaborator
@ulilicht

Thank you very much! (i also discovered this in the meantime ;-) )

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.