Table header is not disappearing when open new modal window

Tags: #<Tag:0x00007efc609d0310>
#1

Hello, I use hot (ce 0.35.1) with buefy and bulma. And when I open buefy modal window I see hot header overlayed my modal window. Also I can act with headers, for example, change header’s width\height.
I’m not sure 100% that this issue associated with hot, but still…

image.png1051×903 48.4 KB

#2

Hi @alikin.sergey

it looks like the position/z-index settings are breaking the UI.

#3

You are right. But why?

#4

In total it can be fixed with

.ht_master {
  z-index: 0;
}

But is this solution is correct or will break something else?
Thanks.

#5

I am not sure if you’ll be able to have all the header options (filtering, collapsing, sorting) but this can be easily checked.

Handsontable was built on large z-indexes and layers so sometimes a good choice is to pack it in an additional DIV that will hold all the layers together.

#6