kentrh
commented
5 years ago From what I can tell they both have z-index: 2; when this combination occurs.
Closed LBWright closed 4 years ago
kentrh
commented
5 years ago From what I can tell they both have z-index: 2; when this combination occurs.
ar2zee
commented
5 years ago From what I can tell they both have
z-index: 2;when this combination occurs.
Any idea, how it can be fixed ? I already try to increase z-index for dropdown and decrease for the grid but it didn't change anything. If I change bottom for .react-grid-Viewport it fixed the problem but completely broke the UI.
ar2zee
commented
5 years ago My colleague was able to figured out the problem. It appears the grid has a stacking problem. https://philipwalton.com/articles/what-no-one-told-you-about-z-index/ If you experience the same problem you can fix it by added those css lines to you application
.react-grid-Viewport {
z-index: 1;
}
.react-grid-Header {
z-index: 2;
}
amanmahajan7
commented
4 years ago This behavior should be fixed in v7 canary. Feel free to open a new issue if your run into more issues
https://github.com/adazzle/react-data-grid/blob/canary/CHANGELOG.md https://adazzle.github.io/react-data-grid/canary/?path=/story/demos--common-features https://github.com/adazzle/react-data-grid/tree/canary/stories/demos
Have you already searched for similar issues? Please help us out and double-check first!
Also, please don't be that person who deletes this template. It's here for a reason.
Thanks!
Which version of React JS are you using?
✅ Officially supported ✅
⚠️ Not officially supported, expect warnings ⚠️
☣️ Not officially supported, expect warnings and errors ☣️
Which browser are you using?
✅ Officially supported ✅
⚠️ Not officially supported, but "should work" ⚠️
I'm submitting a ...
Issue Details
Freezing a column breaks AutoComplete, MultiSelect and SingleSelect filters. The filters still function appropriately, however the dropdown is hidden behind the frozen columns.
Expected behavior: The dropdown filter menu appears over the column. I've attached screenshots. To reproduce, set
frozentotruewhen defining columns and set your filter toAutoComplete,MultiSelect, orSingleSelect.Screenshot attached. The column to the left is frozen. The Column on the right is not frozen.
