Repository navigation
[Bug]: Calendar is not properly positioned in front of other elements #150
Description
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 dropdownRelevant log output
No response
What browsers are you seeing the problem on?
No response
What is your operating system?
MacOS
Reacted by Bruno Maciel
Reacted by John Campion Jr
Activity
daviddesmet commentedon Oct 19, 2023
The same happens for other UI elements, like the BaseRadio. Here you can see the dot in front of the calendar dropdown.
JohnCampionJr commentedon Oct 19, 2023
I have encountered this too; fixes would be appreciated
gertjanjansen commentedon Oct 19, 2023
I've encountered this too. The checkbox icons in BaseCheckbox have a z-index that's too high. The class
nui-icon-checkhas a z-index 10. When I change it too 1 (for exmaple) the issue is fixed.ibruno commentedon Nov 3, 2023
Same here!
driss-chelouati commentedon Mar 18, 2024
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