Closed Bug 1270577 Opened 8 years ago Closed 8 years ago

Percentage-sized SVG elements in flex container render at a diffent size than other browsers

Categories

(Firefox :: Untriaged, defect)

45 Branch
defect
Not set
normal

Tracking

()

RESOLVED DUPLICATE of bug 1270568

People

(Reporter: nchase, Unassigned)

Details

Attachments

(1 file)

Attached image svg-sizes.png
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/50.0.2661.94 Safari/537.36

Steps to reproduce:

See example here: http://codepen.io/nchase/pen/pyqKGd

Here are the steps:

1. Create outermost <div>, set `display: flex;`
2. Create <div> inside
3. Create <div> inside, set `width: 75%` in CSS
4. Create <svg> inside, set `width: 100%` in CSS


Actual results:

Firefox gave me different icon size (which can change dramatically if I repaint – see 1270568)


Expected results:

I expected similar results to the other browsers (see attached svg-sizes.png) – is this behavior well-defined in any of the specs?
It seems the same.
Status: UNCONFIRMED → RESOLVED
Closed: 8 years ago
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: