<div> that is "height=100%" and contains <svg> is not working when using <!DOCTYPE> |
|||
Issue descriptionVersion: 54 OS: All What steps will reproduce the problem? (1) Run attached a file called 'wrong.html'. (2) You should show a banana that is half, it's not good. What is the expected output? Render a banana such as 'expected.html' that just removes <!DOCTYPE> on 'wrong.html' I guess that has a problem when calculate height on `html` element that contains `svg`.
,
Aug 1 2016
The difference is because of [1], I think. [1] https://quirks.spec.whatwg.org/#the-body-element-fills-the-html-element-quirk
,
Aug 1 2016
Agree, definitely a quirks mode thing. Is this WontFix then? What does the spec say when there is no explicit height at all, as is the case here? We seem to be magically choosing a size (which may be fine, I just want to understand why).
,
Aug 1 2016
I didn't mark it wontfix at first as there are floats and fixed in the mix, but if this reduction is what's the report is for, it's a wontfix: <!DOCTYPE html> <- Shows half a banana <div style="height:100%;"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="100%" height="100%"> <path fill="none" stroke="#f7c562" stroke-width="8" stroke-linecap="round" stroke-linejoin="round" d="M8.64,223.948c0,0,143.468,3.431,185.777-181.808c2.673-11.702-1.23-20.154,1.316-33.146h16.287c0,0-3.14,17.248,1.095,30.848 c21.392,68.692-4.179,242.343-204.227,196.59L8.64,223.948z" /> <path fill="none" stroke="#f7c562" stroke-width="8" stroke-linecap="round" stroke-linejoin="round" d="M8.767,230.326c0,0,188.246,40.154,196.485-160.139" /> </svg> </div> If this is something more specific about the interaction with floats and fixed, please re-open with a more precise description.
,
Aug 1 2016
|
|||
►
Sign in to add a comment |
|||
Comment 1 Deleted