Merge pull request #2 from yahoo/ie9-test

Ie9 test
yahoo · Nov 15, 2015 · b6afec4 · b6afec4
2 parents c412608 + 9073a28
commit b6afec4
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 4 deletions.
diff --git a/README.md b/README.md
@@ -28,6 +28,10 @@ This is also inspired by [Steve Carlson](https://github.com/src-code).
 
 ## Usage
 
+The sticky uses Modernizr `csstransforms3d` and `prefixed` features to detect IE8/9, so it can downgrade to not use transform3d.
+
+http://modernizr.com/download/?-csstransforms3d-prefixed
+
 ```js
 var Sticky = require('react-stickynode');
 <Sticky enabled={true} top={50} bottomBoundary={1200}>

diff --git a/tests/functional/bootstrap.js b/tests/functional/bootstrap.js
diff --git a/tests/functional/sticky-functional.jsx b/tests/functional/sticky-functional.jsx
@@ -32,7 +32,7 @@ var TestText = React.createClass({
 var StickyDemo = React.createClass({
     render: function () {
         return (
-            <div>
+            <div className='H(1800px)'>
                 <div className='IbBox W(1/4)'>
                     <Sticky>
                         <TestText id='sticky-1' className='H(300px) Bgc(#defd35)'/>
@@ -43,12 +43,14 @@ var StickyDemo = React.createClass({
                         <TestText id='sticky-2' className='H(1200px) Bgc(#defd35)'/>
                     </Sticky>
                 </div>
+                <div className='IbBox W(1/4)'>
+                    <Sticky>
+                        <TestText id='sticky-2' className='H(1200px) Bgc(#defd35)'/>
+                    </Sticky>
+                </div>
                 <div id='ref' className='IbBox W(1/4)'>
                     <TestText className='H(1500px) Bgc(#defd35)'/>
                 </div>
-                <div className='IbBox W(1/4)'>
-                    <TestText className='H(1800px) Bgc(#defd35)'/>
-                </div>
             </div>
         );
     }