calendar icon on www.icloud.com is displayed poorly
The calendar icon on www.icloud.com is messed up. I searched for a solution, this person has the same problem, it gives a good picture of what the icon looks like.
I've cleared cache, disabled all add-ons, I even uninstalled (checked the delete everything check box) and reinstalled Firefox and started fresh. It still happens
All Replies (16)
Hello,
Try Firefox Safe Mode to see if the problem goes away. Safe Mode is a troubleshooting mode, which disables most add-ons.
(If you're not using it, switch to the Default theme.)
- You can open Firefox 4.0+ in Safe Mode by holding the Shift key when you open the Firefox desktop or Start menu shortcut.
- Or open the Help menu and click on the Restart with Add-ons Disabled... menu item while Firefox is running.
Once you get the pop-up, just select "'Start in Safe Mode"
If the issue is not present in Firefox Safe Mode, your problem is probably caused by an extension, and you need to figure out which one. Please follow the Troubleshoot extensions, themes and hardware acceleration issues to solve common Firefox problems article for that.
To exit the Firefox Safe Mode, just close Firefox and wait a few seconds before opening Firefox for normal use again.
When you figure out what's causing your issues, please let us know. It might help other users who have the same problem.
Thank you.
Thank you, this did not work. I still see the problem in safe mode.
Hmm.... The icon shows fine to me, can you reproduce this in a new profile.
Modified
Note that this is a PNG image send as a data URI (data:image/png;base64,<base64 data>) that is probably generated on the server.
It looks that this image somehow gets zoomed or is distorted otherwise.
How does this image show in Tools > Page Info > Media (right-click: View Page Info > Media)?
Tools -> Page Info... shows the same distorted icon. I uploaded an image, can you see it?
I see the same distorted icon with a new profile.
I'm not the only one with this issue:
https://discussions.apple.com/thread/5182304?start=0&tstart=0
refer to
you can also use input.mozilla.org/feedback to report a problem
Thanks, I've tried everything I can think of with those settings, none worked. I would think that if it were a setting like this, the other icons would be distorted too, but it's only the calendar icon. On the other hand, the other icons are static, but the calendar icon is supposed to show the current day (e.g. 26 for today, 7/26), so it's not static.
This icon is created locally from some sprite icons.
The actual generation process involves checking window.devicePixelRatio, so it is quite possible that HiDPI support is causing this problem.
Do you have a retina (HiDPI) display?
You can try to set gfx.hidpi.enabled to 2 on the about:config page.
You can set the layout.css.devPixelsPerPx pref on the about:config page to 1.0 (current default value is -1.0) to restore the behavior of previous Firefox versions.
Wow, setting layout.css.devPixelsPerPx to 1.0 fixed it! Thanks! What does this mean?
It makes everything substantially smaller, I have to hit <ctrl><+> to enlarge things.
I tried other settings, 1.0 is the only one that works. 0.9 doesn't work, 1.1 doesn't work, etc.
(I don't have a retina display, I don't have the gfx.hidpi.enabled parameter)
You're welcome.
This would mean that the script that iCloud uses needs some adjustments to make it work properly with current versions.
Maybe you want to post this fix in the Apple Support Communities thread.
Waka_Flocka_Flame, what is your setting for layout.css.devPixelsPerPx? If it's -1.0, then something else is going on.
I have it on 1.0, but i run linux so it really wouldnt matter, since DPI is not read like it is on windows.
I tried another system with FF version 22, it has layout.css.devPixelsPerPx set to -1.0, and I did not have the problem with the calendar icon. I suppose it's possible that there is some particular combo of this parameter and something else (maybe my display resolution?) that causes this. Any thoughts on what combo might be the cause?
I found what the other setting is, it's the "Make Text and other items larger or smaller" setting. If I have that set to the smallest setting, then I can have layout.css.devPixelsPerPx set to -1.0 and the icon is fine. If I change the text size to Medium, then the icon is messed up, and I need layout.css.devPixelsPerPx set to 1.0 to fix it.