Join GitHub today
GitHub is home to over 31 million developers working together to host and review code, manage projects, and build software together.Sign up
Bootstrap isn't bulletproof? #3436
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/
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).
If this is a 'MooTools issue' instead of a 'Bootstrap issue', please let me know so I can post the issue on their bug tracker.
Because MooTools is included in Joomla by default and it's nearly impossible to remove all MooTools libraries and references from the code. jQuery is required by Bootstrap (and a great JS library). If it were up to me MooTools was buried in a deep hole, never to be found again.
I've also the error reported by Thetjo. Just found this issue searching before posting it as new.
Extended data: This issue only affects Google Chrome and is related to the hide transition. Conflicts with function Events.Pseudos in mootoos-more file.
Hide transition fails and never gets marked as completed. Got it working commenting:
in show function from bootstrap-collapse.js
Obviously the transition is still broken but menu collapses as expected.
As bootstrap is going to be included in Joomla 3.0 I'll try to fix it. Any help is appreciated. I'm still a mootools man :)
Seems I've found a way to get it working but as jQuery n00b I'm not going to make a pull request because I'm sure there is a better way to solve it.
My n00b solution is to avoid using the event name that creates the conflict with mootools:
In bootstrap-collapse.js replace:
this.transition('removeClass', $.Event('hide'), 'hidden')
this.transition('removeClass', $.Event('hideme'), 'hidden')
referenced this issue
Nov 28, 2012
Anyone else wondering this, the problem is a pure conflict between mootools-more and jQuery