title: Framer Motion Path whileInview
body: <p>Why the path animation doesn't work in Google Chrome when animated with  whileInView ,but in FireFox it works?
  This is svg i want to animate and his path below.</p>
  <p>&lt;motion.path</p>
  <pre><code>       initial={{pathLength:0}}
         whileInView={{pathLength:1}}
         transition={{duration:.5,delay:1.2}}
          d=&quot;M45.2116 113.844C41.991 97.7723 43.8806 74.0318 54.5835 60.6377C59.4391 54.561 76.8443 44.698 82.3209 55.553C88.3209 67.4466 67.1346 70.6046 64.5162 58.711C62.2011 48.1945 69.8349 39.3482 78.5027 34.5433C93.8215 26.0521 110.121 25.8784 125.958 33.0516&quot;
          stroke=&quot;white&quot;
          strokeWidth=&quot;0.78976&quot;
          strokeMiterlimit=&quot;1.5&quot;
          strokeLinecap=&quot;round&quot;
          strokeLinejoin=&quot;round&quot;
        /&gt;
      &lt;/motion.svg&gt;
  
        
  </code></pre>