title: Different javascript behaviour between development and production
body: <p>I'm developing an application that at some point given some data draws a diagram using javascript allied with kineticJS framework.</p>
  
  <p>My problem is that in development everything works fine, but in production (heroku) does not work properly.</p>
  
  <p>Here is an example. Given the same input data I get this on development:</p>
  
  <p><img src="https://i.stack.imgur.com/uTa0E.png" alt="enter image description here"></p>
  
  <p>But get this all messed up in production:</p>
  
  <p><img src="https://i.stack.imgur.com/jvlNs.png" alt="enter image description here"></p>
  
  <p>I'm new at rails, I'm sure that something simple is missing, but I don't know what is missing.</p>
  
  <p>I have the javascript in the asset pipeline, and they are being compiled for production.</p>
  
  <p><img src="https://i.stack.imgur.com/HUGkv.png" alt="enter image description here"></p>
  
  <p>Can this be caused by the pre-compilation done in the asset pipeline?</p>
  
  <p>What is the best approach to debug this issues that happen in production? </p>
  
  <p>I know I can use heroku logs for bugs more related with rails or ruby, but they don't help me debug this javascript different behaviour.</p>
  
  <p>Any help?</p>