Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

MooTools More is interfering with Twitter Bootstrap #1127

Open
Thetjo opened this issue May 15, 2012 · 4 comments
Open

MooTools More is interfering with Twitter Bootstrap #1127

Thetjo opened this issue May 15, 2012 · 4 comments

Comments

@Thetjo
Copy link

Thetjo commented May 15, 2012

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
Copy link

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
Copy link

is there any fix or workaround?

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

@fakedarren
Copy link
Member

joomla/joomla-cms#475

On 19 Mar 2013, at 18:39, ulilicht wrote:

is there any fix or workaround?


Reply to this email directly or view it on GitHub.

@ulilicht
Copy link

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
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants