DHTML Menu's expansion icons work by creating an invisible 16x16 div overlay that is positioned right on top of the menu icon. This approach sounds complicated, but has the benefit of allowing the icon to be clickable in spite of being generated purely by CSS. It has the drawback of requiring precise positioning code in Javascript.

This code was working when it was committed; now it is not. Adding a transparent blue background to the clickable overlay shows the problem in the attached screenshot.

CommentFileSizeAuthor
dhtml-menu-overlays.png9.21 KBcburschka

Comments

cburschka’s picture

The precise offset appears to be theme-specific (it is only about one pixel in Garland, but a whole 7 pixels in Bartik), but I cannot find it.

Until I find a way to get the number of pixels the overlay should be shifted by, I can't fix this.