[EuiComboBox] Combobox popover can be hidden behind EuiBottomBar #4872
Comments
|
Z-index issues are really hard to control from an external library. We do our best when it comes to portal content to know, for example, that a Modal should always be on top, or that a fixed element should have a high z-index. EuiComboBox popover's inherit their z-index from their current position and add just a slight bit Other approaches would be
The only thing we might be able to do on the EUI side, for combo boxes specifically, is to allow passing the |
Yeah I can imagine 😅
From a user perspective, knowing all the challenges that exist with z-index, it would be nice to have a way to "reach in" to the component to correct z-index issues. In this case something like the "buffer" prop on the EuiPopover component could have worked really well. In this case, I was able to "fix" the issue by pushing the EuiBottomBar back instead of bringing the EuiComboBox forward (this is the PR that will contain this work for reference elastic/kibana#101714) |
|
@cchaos One alternative I was wondering about, is it not possible to always have popovers with higher z-index value than the bottom bar or other "hovering" EUI components? It seems as though we would always want these in front, but I might be missing a case where this assumption does not hold. |
|
👋 Hey there. This issue hasn't had any activity for 180 days. We'll automatically close it if that trend continues for another week. If you feel this issue is still valid and needs attention please let us know with a comment. |
|
❌ We're automatically closing this issue due to lack of activity. Please comment if you feel this was done in error. |
On EUI v33.0.0 it is possible to have the combobox popover appear under the EuiBottomBar.
Screenshot
There are 3 items in the this popover but only 2 are visible
Example
https://codesandbox.io/s/heuristic-waterfall-1ntg0?file=/src/index.tsx
The text was updated successfully, but these errors were encountered: