bug: stepper (active step) z-index is higher then of the drawer

[shahraship]

What version of daisyUI are you using?

v4.11.1

Which browsers are you seeing the problem on?

All browsers

Reproduction URL

https://play.tailwindcss.com/DKbzSUjlXu

Describe your issue

Active step should not have higher z-index then the drawer. It should show behind the drawer.

[github-actions[bot]]

Thank you @shahraship for reporting issues. It helps daisyUI a lot 💚
I'll be working on issues one by one. I will help with this one as soon as a I find a solution.
In the meantime providing more details and reproduction links would be helpful.

[JohanAanesen]

@saadeghi I have solved this by swapping the z axis and using the negative z instead on the stepper, which leave the positive z-axis still available for the rest of the content.

.steps .step:before {
  z-index: -1;
}

.steps .step:after {
  z-index: 0;
}

Might be a "cleaner" solution to the issue, but doesn't get rid of the z-axis entirely