Md-dialog opening behind Handsontable headers

Tags: #<Tag:0x00007f8b285f3d08>

When opening an md-dialog box in a space where it overlaps with a table, the table headers can be seen overtop of the dialog box. Image attached.

Hi @johnothetree

Can you share a demo where I’d be able to test some approaches? It seems like the z-index or position of the table is incorrect.

yeah lemme see if i can get a jsfiddle or something working. been a while since i’ve set one up.

edit; here’s an example of it happening. just click the open button. https://fiddle.jshell.net/3es7td93/

Hi @johnothetree

Sorry, I did not get a notification for the edition of the post with the JSFiddle.

I’ll check it on Monday and let you know my thoughts.

It looks like if we change ht_clone_top handsontable class z-index to 80 it doesn’t load itself on the dialog window. Demo https://fiddle.jshell.net/hzqmvcwk/

That looks to work for me as well. Thanks for the help!

PS - it still shows the table headers as highlighted instead of greyed out like the rest of the background screen. Minor issue and isn’t a problem for me, but might be something to look at in the future.

Thanks. I’ll share it with the team.