Glitch in prev/next buttons in the "datepicker" component

[back0rifize]

Hello!

Since PM 28.0, I've found some bug: in the "datepicker" component, switching buttons for the previous/next months are "glitching" when onMouseOver() event fires. Here the pics of what am I talking about:

Normal:

Normal vision

Normal.png (5.25 KiB) Viewed 288 times

On mouse over:

Glitched vision (mouse over buttons)

Glitch.png (5.09 KiB) Viewed 288 times

Sorry, that screenshots are in "RU" locale, but it doesn't matter, what language is using.

[JustOff]

I confirm this, see Issue #981 (UXP).

UPD: Until this is fixed in the browser, you can work around it by adding the following lines to chrome.manifest:

Code: Select all

override chrome://global/skin/arrow/arrow-lft-hov.gif chrome://global/skin/arrow/arrow-lft.gif os=WINNT
override chrome://global/skin/arrow/arrow-rit-hov.gif chrome://global/skin/arrow/arrow-rit.gif os=WINNT

[back0rifize]

Thanks a lot! It's not critical to me, but I think I have to use your advice .
Honestly, I thought that my extension has this bug, but I've looked through my *.css code and didn't see any strings of code, that could be a cause of problem.

[JustOff]

I think it may be helpful to share how I investigated this issue, so here it is:

1) Install DOM Inspector
2) Open CalenDate
3) Move the mouse over the prev button and press Ctrl+Shift+RightMouseButton to call DOM Inspector:

4) Switch Object Viewer to CSS Rules:

5) From the button context menu select Set Pseudo-classes:

6) Enable :hover pseudo-class:

7) Now we see that list-style-image has been changed:

8) Try to open chrome://global/skin/arrow/arrow-lft-hov.gif and see it's missing:

9) Open UXP Cross-Reference and search for arrow-lft-hov.gif:

10) Next steps relate to the fix itself

[back0rifize]

Wow, THAT'S the spirit, sweetheart !
Honestly, I guessed that this glitch is in the PM (not in my extension), but as for me, it was a little bit lazy to go to the Mozilla Central DXR and find out a needed *.css.
Thanks again!