title: Highcharts responsive ignored on first render
body: <p>I have the following code for my legend, and a responsive rule to remove the legend for mobile.</p>
  
  <p>The problem I'm seeing right now, is that the legend will always load with the chart initially. The responsive rule only seems to apply later (i.e. if I reload the page, the legend is there, if I click a link to another page, and then return, the legend is gone).</p>
  
  <p>Is there a way to force the responsive check on load?</p>
  
  <pre><code>legend: {
      enabled: true,
      verticalAlign: 'top',
      align: 'right',
      floating: true,
      margin: 0,
      padding: 0,
      x: showConviction ? -50 : -46,
      y: 10
  },
  responsive: {
      rules: [
          {
              condition: {
                  maxWidth: 400
              },
              chartOptions: {
                  legend: {
                      enabled: false
                  }
              }
          }
      ]
  },
  </code></pre>