Page 1 of 1

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

Posted: 2019-02-24, 01:19
by 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 vision
Normal.png (5.25 KiB) Viewed 290 times
On mouse over:
Glitched vision (mouse over buttons)
Glitched vision (mouse over buttons)
Glitch.png (5.09 KiB) Viewed 290 times
Sorry, that screenshots are in "RU" locale, but it doesn't matter, what language is using.

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

Posted: 2019-02-24, 10:35
by 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

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

Posted: 2019-02-24, 12:06
by 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.

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

Posted: 2019-02-24, 13:08
by 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:
2019-02-24_14-20-32.png
4) Switch Object Viewer to CSS Rules:
2019-02-24_14-21-12.png
5) From the button context menu select Set Pseudo-classes:
2019-02-24_14-21-57.png
6) Enable :hover pseudo-class:
2019-02-24_14-22-32.png
7) Now we see that list-style-image has been changed:
2019-02-24_14-23-51.png
8) Try to open chrome://global/skin/arrow/arrow-lft-hov.gif and see it's missing:
2019-02-24_14-25-11.png
9) Open UXP Cross-Reference and search for arrow-lft-hov.gif:
2019-02-24_14-26-55.png
10) Next steps relate to the fix itself

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

Posted: 2019-02-24, 13:53
by back0rifize
Wow, THAT'S the spirit, sweetheart :D !
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!