Only half of spinner is visible in IE8 #27

Closed
vsvasya opened this Issue Sep 14, 2011 · 0 comments

Projects

None yet

2 participants

@vsvasya
vsvasya commented Sep 14, 2011

Very strange bug.
On your page http://fgnass.github.com/spin.js/ - spinner displayed perfectly.
But on my simplest test page - I see only a right half of spinner.
Screenshot: http://dl.dropbox.com/u/948356/spinner_bug_in_IE8.png

IE version: 8.0.7601.17514 (on Windows7 32bit)

Test page code:

<html>
<head>
  <title></title>
</head>
<body>

<div id="preview" style="width:200px; height:200px">
</div>

<script type="text/javascript" src="http://fgnass.github.com/spin.js/spin.min.js"></script>
<script>
    var opts = {
      lines: 10, // The number of lines to draw
      length: 7, // The length of each line
      width: 4, // The line thickness
      radius: 10, // The radius of the inner circle
      color: '#000', // #rbg or #rrggbb
      speed: 1, // Rounds per second
      trail: 60, // Afterglow percentage
      shadow: false // Whether to render a shadow
    };
    var target = document.getElementById('preview');
    var spinner = new Spinner(opts).spin(target);   
</script>
</body>
</html>
@fgnass fgnass closed this in 25a3ca0 Sep 16, 2011
@fgnass fgnass added a commit that closed this issue Sep 16, 2011
@fgnass Merge branch 'master' into gh-pages
* master:
  Workaround for negative margin bug in IE. Fixes #27
  Changed default fps to 20
  Calling spin() now auto-stops the previous copy. Closes #28
  The new operator is now optional. Closes #14
  Fixed a typo
  Added an example page
  The frame-rate for the javascript animation fallback is now configurable.
  Added aria-role="progressbar"
  Updated the README
65f9eb8
@fgnass fgnass closed this in 65f9eb8 Sep 16, 2011
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment