Bug 13999 – REGRESSION: iGoogle: Google Calendar widget has rendering issues on ToT

• Status: RESOLVED
• Resolution: FIXED
• Component: Evangelism

[David Kilzer (:ddkilzer)]

* 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.

[David Kilzer (:ddkilzer)]

Created attachment 14866 [details]
Safari screenshot (correct)

[David Kilzer (:ddkilzer)]

Created attachment 14867 [details]
ToT WebKit screenshot (incorrect)

[David Kilzer (:ddkilzer)]

(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.

[David Kilzer (:ddkilzer)]

<rdar://problem/5286720>

[Beth Dakin]

Spoofing as Firefox fixes both rendering glitches described in this bug. (The jaggy corners and spacing issue.)

[Beth Dakin]

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.

[David Kilzer (:ddkilzer)]

Should this be an evangelism bug per Comment #5 and Comment #6?

[Beth Dakin]

Yes, I think so.

[David Kilzer (:ddkilzer)]

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">

[David Kilzer (:ddkilzer)]

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).

[Robert Blaut]

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.