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)

    More things to add to the "chord progressions that aren't cliches-I-already-know-about nonetheless covertly appearing in multiple places" file.…

  • (no subject)

    Consider the chord motion in Lights's "Cactus In The Valley" that happens around 49s in: v link goes here | F G C C | F G C C | F G Am D7 | F G…

  • (no subject)

    Cute little synth widget playground: https://blokdust.com/

  • Post a new comment


    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded