I'm having an issue with using the z-index
property for elements with relative and absolute positioning. The
orcitMultiselectTreeviewDropdownInner
is a child div of orcitMultiselectTreeviewDropdown
. While the z-index
is working correctly, I encounter a problem when there is a horizontal scroll bar on the page - the position of the orcitMultiselectTreeviewDropdownInner
div shifts. How can I ensure that the position remains fixed even when scrolling horizontally or vertically?
CSS:
.orcitMultiselectTreeviewPosition .orcitMultiselectTreeviewDropdown .orcitMultiselectTreeviewDropdownInner {
position: relative;
z-index:999999;
}
.orcitMultiselectTreeviewPosition .orcitMultiselectTreeviewDropdown {
position:absolute;
}