773625 - canvas with css % doesn't seem to work properly

Status: RESOLVED INCOMPLETE

(Core :: Layout, defect)

Description

[Charles]

User Agent: Mozilla/5.0 (X11; Linux i686; rv:13.0) Gecko/20100101 Firefox/13.0.1
Build ID: 20120614114901

Steps to reproduce:

wrote a simple test case to verify canvas % works
<canvas style="left:25%;top:25%;width:50%;height:50%;border:solid 1px"></canvas>


Actual results:

canvas didn't position as it should and didn't scale as it should


Expected results:

canvas should be centered in window exactly with a border around the evenly spaced.

Comment 1

[j.j.]

testcase or URL, please!
And please note that percentage height only works if parent or/and body and html have a hight.

Comment 2

[Boris Zbarsky [:bzbarsky]]

data:text/html,<canvas%20style="position:absolute;left:25%;top:25%;width:50%;height:50%;border:solid%201px"></canvas> works fine.  If your testcase is what you had in comment 0, your problem is that "left" and so forth are ignored for position:static.  If it's something else, please attach your actual testcase and reopen the bug.