[Bug]: Calendar is not properly positioned in front of other elements

[daviddesmet]

Demo URL

https://tairo.cssninja.io/layouts/form-4

What happened?

As seen in the screenshot, when the calendar dropdown is shown, the icons from the Event Color and Event Category fields are displayed on top.

Reproduction steps

1. Open the calendar dropdown

Relevant log output

No response

What browsers are you seeing the problem on?

No response

What is your operating system?

MacOS

[daviddesmet]

The same happens for other UI elements, like the BaseRadio. Here you can see the dot in front of the calendar dropdown.

[JohnCampionJr]

I have encountered this too; fixes would be appreciated

[gertjanjansen]

I've encountered this too. The checkbox icons in BaseCheckbox have a z-index that's too high. The class nui-icon-check has a z-index 10. When I change it too 1 (for exmaple) the issue is fixed.

[ibruno]

Same here!

[driss-chelouati]

if you change it to 1, it causes other problems elsewhere. Since the calendar is not native to Shuriken UI, it should be adapted instead of trying to adapt shuriken components to it. These have been addresses in the release/next branch