title: Highcharts Legend error: "typeError: a.legendItem.bBox is undefined"
body: <p><code>Fiddle:</code> <a href="http://jsfiddle.net/jlbriggs/6B7cr/" rel="nofollow noreferrer">http://jsfiddle.net/jlbriggs/6B7cr/</a></p>
  
  <p>In Firefox (but not in Chrome):</p>
  
  <p>I am getting errors, and the chart does not render, when the legend height exceeds the chart height.</p>
  
  <p>In the example above, all that renders are the legend item elements, all in the same space.  No chart, no legend box, etc. I get the following error:</p>
  
  <pre><code>"Error: TypeError: a.legendItem.bBox is undefined
  Source File: http://code.highcharts.com/highcharts.js
  Line: 183"
  </code></pre>
  
  <p>If I remove the <code>layout: 'vertical'</code> from the options, I get no error.
  If I set the height of the container element larger, I get no error.</p>
  
  <p>Examples:</p>
  
  <ul>
  <li><a href="http://jsfiddle.net/jlbriggs/6B7cr/6/" rel="nofollow noreferrer">http://jsfiddle.net/jlbriggs/6B7cr/6/</a>  (commented out layout: 'vertical')</li>
  <li><a href="http://jsfiddle.net/jlbriggs/6B7cr/7/" rel="nofollow noreferrer">http://jsfiddle.net/jlbriggs/6B7cr/7/</a>  (made container element taller)</li>
  </ul>
  
  <p>This appears to be a new problem with the latest release.</p>
  
  <p>Can anyone tell me how to fix this?</p>
  
  <p>thanks,</p>
  
  <p>Jamie</p>
  
  <p>{{edit: screenshot:</p>
  
  <p><img src="https://i.stack.imgur.com/mii76.png" alt="screen shot of problem on fiddle"></p>