problems with layering and handsontable

[dcsan]

mui is a fantastic time saver, but I've hit a nasty problem.
I'm combining material-ui with a very useful handsontable
however, I'm getting layering problems where the tables header rows conflict with mui elements.

In digging through the layers of CSS I can't see any z-index settings that could cause this, but the mui elements do have matrix transforms applied, probably for the reveal animations.

I tried removing these in the chrome debug console but can't seem to remove this effect.

I also tried placing the various MUI elements inside "container" divs where I can set the z-index, but still unable to fix this glitch effect.

I created a sample repo to repro:

source
https://github.com/dcsan/react-hot

demo
https://react-hot.meteor.com

note this is using meteorJS. to run the app locally

cd app
meteor

any help appreciated!

[dcsan]

other components also have the same issue

also added as an issue to the HandsOnTable repo

[oliviertassinari]

@dcsan Please take a look at 0.14.0-rc2 to see if your issue is resolved (it should be).

[dcsan]

hi! this is indeed fixed in 0.14!
now i just need to find some examples of the new menu API...
#2507

[oliviertassinari]

now i just need to find some examples of the new menu API...

0.14 is still in a preprelease state, and the documentation is not yet published. Still you have all the source code available.