W3C home > Mailing lists > Public > www-svg@w3.org > October 2013

RE: Inline SVG sizing in CSS

From: Alex Bell <alex@bellandwhistle.net>
Date: Thu, 10 Oct 2013 09:39:03 -0700
Message-ID: <20131010093903.325741m2qd8x3tbb@webmail.bellandwhistle.net>
To: David Vest <davve@opera.com>
Cc: www-svg@w3.org
On Oct 10, 2013, at 7:13 AM, David Vest <davve@opera.com> wrote:

* Example: 0001-width_auto_and_height_through_width_and_ratio.html

   An SVG with no given width or height but with a viewBox and thus an
   intrinsic ratio.

   Chrome gets the width correct but then also does the default 100%
   height thing and manages to pass the auto-height ancestor and resolve
   height against the grand-parent's height. Weird.

This is a longstanding bug, currently at:

https://code.google.com/p/chromium/issues/detail?id=231622

Note that the workaround for now (discovered by Zach Leatherman) is to  
set max-height:100% on the inline svg. This somehow tricks the  
algorithm into sizing the height based on the intrinsic dimensions,  
regardless of any container height. A bug to fight a bug :)

Thanks for all this work, David, awesome stuff--and desperately needed.

Best,
Alex
Received on Thursday, 10 October 2013 16:39:33 UTC

This archive was generated by hypermail 2.4.0 : Friday, 17 January 2020 22:54:46 UTC