Jason (jcreed) wrote,

Very nearly reported a bug against firefox's SVG rendering. The following example glitches weirdly if you change ".border" to "svg" in the CSS:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">


var rot = 0;

function animate () {
rotor.setAttribute("transform", "rotate(" + rot + " 200 200)");

function go(e) {
rotor = document.getElementById("box");
setInterval(animate, 20); 


* { padding: 0px; margin: 0px;  }

svg {      
width: 500px; height: 500px;
background: red;
display: table-cell; 
/* margin-bottom: -4px; */

.border {
 border: 40px solid black; 

.table {
 display: table; 

<body onload="go();">
<div class="border table"><svg xmlns="http://www.w3.org/2000/svg"
  <rect id ="box" x="200" y="200" width="100" height="50" fill="black"/> 


But it looks like they already noticed the problem and fixed it in the current development version?
Tags: firefox, web

  • (no subject)

    Didn't sleep well. Long day of work. Dinner with akiva at hanamichi.

  • (no subject)

    K was going to do a thing for her dad's birthday, but scheduling kept slipping and slipping so I guess we're going to try doing it tomorrow instead.

  • (no subject)

    Had a pleasant lunch with paul and gabe back from working-at-facebook times. Discussed the important issues of the day, by which I mean video games…

  • Post a new comment


    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded