Plotly.react resets context and breaks autosize

When calling Plotly.react to update the chart it decides to completely reset the context if the config parameter is present (https://github.com/plotly/plotly.js/blob/master/src/plot_api/plot_api.js#L2698-L2706).

This breaks the autosize feature since the _hasZeroHeight state was moved to the context (in https://github.com/plotly/plotly.js/pull/3090/files#diff-2941ab69a12080c0633ff4ac8ea3aa83R493-R494).

The context._hasZeroHeight is always reset to undefined, but in the second render the gd.clientHeight is no longer zero. So the height of the svg-container div will set to 100%, causing all the plot container to have no height.

Then in the third render gd.clientHeight will be zero again, so the svg-container div gets its height properly defined.

And so on...

An workaround is to call Plotly.react without the config (if nothing in it changed), but when using react-plotly.js that isn't an option, as it always call Plotly.react using the full signature (https://github.com/plotly/react-plotly.js/blob/master/src/factory.js#L80-L85).

See https://codepen.io/nantunes/pen/abvXgbd to reproduce. Click the "Change data" button to toggle the data and call Plotly.react. Notice that the red container div shrinks (or expands) its height.

Beginne in src/plot_api/plot_api.js ungefähr bei den Zeilen 2698–2706 und reproduziere das Verhalten mit dem verlinkten CodePen, indem du auf „Change data.“ klickst. Verfolge, wie Plotly.react den Kontext zurücksetzt, wenn config vorhanden ist; fertig ist es, wenn autosize nicht mehr oszilliert oder den Plot-Container ohne Höhe zurücklässt, einschließlich des Aufrufs mit vollständiger Signatur, der von react-plotly.js verwendet wird.