z-index for backdrop is not working as expected

innovaccer / design-system

Masala Design System (MDS) is an open-source design system built at Innovaccer. Figma file : https://www.figma.com/community/file/974368355920553546/masala-design-system-web-guidelines

https://mds.innovaccer.com

MIT License

84 stars 79 forks source link

z-index for backdrop is not working as expected #1776

Closed atifzaidi92 closed 1 week ago

atifzaidi92 commented 1 year ago

Description

if we opened a side sheet or modal or dropdown list and use backdrop, backdrop z-index is less than all three components z-index

Steps to reproduce

Clear steps describing how to reproduce the issue. use a dropdown open the dropdown popover(option list) add backdrop after opening the option list

Expected result

latest backdrop z-index should be maximum based on rendering order

Actual result

dropdown z-index is less than all three components

youngheart12 commented 10 months ago

@atifzaidi92 Can you please attach a screenshot or a video for the same to better understand the problem.