* SUMMARY The Google Calendar widget does not render properly in ToT WebKit. Looks fine in shipping Safari. * STEPS TO REPRODUCE 1. Open Safari/WebKit. 2. Go to URL: http://www.google.com/ig 3. Add the "Google Calendar" widget to your iGoogle page. (Note that this is different from the default "Date & Time" widget.) 4. Return to your iGoogle page. 5. Compare rendering of "Google Calendar" widget in WebKit nightly versus shipping Safari. * EXPECTED RESULTS The Google Calendar widget should look the same. * ACTUAL RESULTS In the WebKit nightly, the calendar is shifted "up" so that the rounded corners on the top are no longer rounded, and the bottom blue border is missing. * REGRESSION This is a regression from shipping Safari 2.0.4 (419.3) on Mac OS X 10.4.9 (8P135). Tested with a local debug build of WebKit r21976 with the above software.
Created attachment 14866 [details] Safari screenshot (correct)
Created attachment 14867 [details] ToT WebKit screenshot (incorrect)
(In reply to comment #0) > 3. Add the "Google Calendar" widget to your iGoogle page. (Note that this is > different from the default "Date & Time" widget.) Actually, this is one of the widgets, so this step is not necessary.
<rdar://problem/5286720>
Spoofing as Firefox fixes both rendering glitches described in this bug. (The jaggy corners and spacing issue.)
Even though both problems are fixed when spoofing as Firefox, I think that they will be two separate issues on the Google end because I have found an old Nighlty where the spacing issue appears fixed, but the corners are still jaggy.
Should this be an evangelism bug per Comment #5 and Comment #6?
Yes, I think so.
Created attachment 17446 [details] Partial reduction The problem is that a Safari 2 work-around is being emitted for Safari 3, which no longer needs the work-around. (This reduction still contains the work-around and renders incorrectly on both Safari 3 and Firefox 2.) This HTML element works for Safari 2: <div id="picker4" style="margin-top: -7px; margin-right: 0px; margin-bottom: -5px; margin-left: 0px; "> But the entire "style" attribute should be removed for Safari 3 (as it is for Firefox 2 today) to fix the rendering: <div id="picker4">
Created attachment 17447 [details] Partial reduction (fixed) Removed the unneeded "style" attribute in the "picker4" element. This renders correctly on Safari 3 and Firefox 2 (but not on Safari 2, which needs the work-around).
I checked the described issue in the latest WebKit today and found Google developers fixed this problem and Calendar gadget is properly rendered now. The bug is fixed.