Closed pkra closed 9 years ago
@dpvc could you take a look?
You need to increase the z-index on the MenuFrame, not the menu itself. Use
MathJax.Hub.Register.StartupHook("MathMenu Ready",function () {
MathJax.Menu.BGSTYLE["z-index"] = 2000;
});
and see if that works.
I had tried that (see https://github.com/mathjax/MathJax-website/blob/gh-pages/_includes/head.html#L43) and this made the menu visible -- but the functionality of the menu was lost, i.e., the click events didn't work (I'm guessing since the bootstrap modal closes when you click outside of it but I couldn't figure it out). I suppose that answers my own question -- I have to figure out how to override bootstrap's modal; urgh...
Sorry, my misunderstanding. You need to change the z-index on both the frame and the menu. Try adding
MathMenu: {
styles: {
".MathJax_Menu": {"z-index":2001}
}
}
to your configuration in addition to the startup hook above.
woohoo! Thanks for your patience -- it works (and I've learned something about z-index).
Increasing z-index is not enough so probably some conflict with bootstrap. Needs fixing, especially in the reuse modal...