A closed dropdown no longer catches the pointer
A display utility on a dropdown's content (flex, grid) beats daisyUI's display:none on a closed dropdown, so the content stayed invisible (opacity 0) but in the way of the pointer. The post card's menu, which opens upwards, covered the card's place and CDN chips and blocked their tooltips. Closed dropdown content is now hidden from the pointer too. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01LsXgEaXee4GCU1hwYgPJXw
This commit is contained in:
1 parent
88f78690ec
commit
5ec70b3357
1 file changed
+6
@@ -242,6 +242,12 @@
|
|||||||
@utility dropdown-content {
|
@utility dropdown-content {
|
||||||
background-color: var(--color-base-100);
|
background-color: var(--color-base-100);
|
||||||
box-shadow: -3px -3px 6px var(--neo-light), 3px 3px 6px var(--neo-dark);
|
box-shadow: -3px -3px 6px var(--neo-light), 3px 3px 6px var(--neo-dark);
|
||||||
|
|
||||||
|
/* A display utility on the content (flex, grid) beats daisyUI's display:none on a closed dropdown, which then stays
|
||||||
|
invisible (opacity 0) but still in the way of the pointer, over whatever it covers: hide it from the pointer too. */
|
||||||
|
:where(.dropdown.dropdown-close, .dropdown:not(.dropdown-open, .dropdown-hover:hover, :focus-within)) & {
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@utility alert {
|
@utility alert {
|
||||||
|
|||||||
Reference in new issue
Block a user