Closed Bug 1270577 Opened 9 years ago Closed 9 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: 9 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: