[Webkit-unassigned] [Bug 79682] http://shinydemos.com/clock/ doesn't seem to work

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=79682


Florin Malita <fmalita at chromium.org> changed:

           What    |Removed                     |Added
----------------------------------------------------------------------------
             Status|NEW                         |ASSIGNED
         AssignedTo|webkit-unassigned at lists.web |fmalita at chromium.org
                   |kit.org                     |




--- Comment #4 from Florin Malita <fmalita at chromium.org>  2012-05-18 10:33:56 PST ---
(In reply to comment #3)
> * positioning is off: y="80%" appears to be relative to the viewport instead of the element that the mask is applied to.

Regarding this second issue: after some investigation, this appears to be the correct behavior. The variance  among browsers stems from the way they size the SVG viewport.

According to the spec, in the absence of size-related CSS properties, the outermost SVG element width/height attributes (which default to 100%) should establish the viewport. Hence, the viewport will vary depending on the browser window size, and so will the relatively position text offset.

http://www.w3.org/TR/SVG/coords.html#ViewportSpace
http://www.w3.org/TR/SVG/struct.html#SVGElementHeightAttribute


So this is probably a problem with the sample: it should specify a fixed sizing for the SVG element such the the relatively position text doesn't 'float' depending on window size.

Other browser's behavior:

* IE9 - same as WK
* FF12 - same as WK when SVG width/height are specified to be 100% (this appears to be a bug as 100% should be the default)
* Opera11 - falls back to intrinsic replaced CSS sizing (300px x 150px) - in my reading of the spec, this is incorrect.


I'll get a patch up for the repaint problem.

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.