z-index problem on filters

Hi everyone! I have a weird "z-index" issue on table filters, and I can't find why... Has someone experienced that as well? First image is demo site, second is my app. The demo site seems to be on v4.1.7 My app is on v4.1.10 I tried to deactivate custom theme but still the issue... EDIT: don't know if the issue is clear, so the problem is I can't see the bottom of the filters dropdown, it stays "behind" the table wrapper. Here we see 2 fields but there are 3 more below
No description
No description
Solution:
So don't worry, I found the guilty one... Parallax comments plugin seems to apply overflow:hidden on .fi-ta-ctn...
Jump to solution
3 Replies
Solution
charlie
charlie5w ago
So don't worry, I found the guilty one... Parallax comments plugin seems to apply overflow:hidden on .fi-ta-ctn...
uendel
uendel3w ago
@charlie how did you solve it? I saw there's an open PR to fix that in the plugin repo, but that's not merged yet. https://github.com/parallax/filament-comments/pull/75
GitHub
fix: remove CSS compilation to prevent style conflicts by dominik-w...
Problem The package was compiling and registering its own CSS file, which overwrites Filament's default styling. This is a common issue in Filament plugins that load compiled CSS files dire...
uendel
uendel3w ago
Sorry, I got the answer, you just need to overwrite the css rule in your theme.css
.fi-ta-ctn {
overflow: visible !important;
}
.fi-ta-ctn {
overflow: visible !important;
}

Did you find this page helpful?