Fuelux Datagrid breaks bootstrap dropdown menus

Question

I am having troubles with FuelUX's datagrid component. One the page of my site where I implement the datagrid component, the dropdown menus provided by bootstrap stop working.

I'm using:jQuery 1.9.0, fuelUX 2.3.0, Bootstrap 2.3.1 I am NOT using: requireJS.

I am bringing in the FuelUX css files and the loader.js file. The bootstrap menus work on every other page except for this one. The datagrid component seems to operate just fine except that it's own select menus aren't working either.

Any pointers?

Answer 1

By using the loader.js from Fuel UX you are already bringing in Bootstrap. Fuel UX 2.3.0 includes Bootstrap 2.3.0 so if your page is additionally loading Bootstrap 2.3.1 it could be a conflict. Please see this example http://tinkerbin.com/0RXOjPNd which loads jQuery 1.9.1 and Fuel UX/Bootstrap 2.3.0. Note that you do need to click the green RUN button to start the script on tinkerbin.

The Fuel UX bugfix release 2.3.1 - which will also include Bootstrap 2.3.1 - will be released soon but if you want to try the near-complete work in progress the distribution files are in the master branch at https://github.com/ExactTarget/fuelux/tree/master/dist

I hope this gets you running!