resize handler resets a graph's width, even if that width was explicitily provided

[chriddyp]

https://community.plot.ly/t/how-to-fix-plot-width-in-dash/14944

import dash
import dash_core_components as dcc
import dash_html_components as html
from dash.dependencies import Input, Output
import plotly.graph_objs as go

app = dash.Dash(__name__)

app.layout = html.Div(
    children=[
        dcc.Input(id='input', type='text'),
        html.Div(dcc.Graph(id='plot', style={'width': 1000, 'overflowY': 'scroll'})),
        ])

@app.callback(
    Output('plot', 'figure'),
    [Input('input', 'value')]
)
def update_graph_1(input):
    return {'data':[go.Bar(
            x=['Feature A', 'Feature B', 'Feature C',
               'Feature D', 'Feature E', 'Feature F',
               'Feature G', 'Feature H', 'Feature I',
               'Feature J', 'Feature K', 'Feature L',
               'Feature M', 'Feature N', 'Feature O',
               'Feature P', 'Feature Q', 'Feature R',
               'Feature S', 'Feature T', 'Feature U'],
            y=[20, 14, 23, 25, 22,
               20, 14, 23, 25, 22,
               20, 14, 23, 25, 22,
               20, 14, 23, 25, 22, 33])],
            'layout': go.Layout(width=3000)}

if __name__ == '__main__':
    app.run_server(debug=True)

[chriddyp]

cc @alexcjohnson - does this seem right to you? I asked that the user try autosize=False too.

Our resize handler code is here:

dash-core-components/src/components/Graph.react.js

Lines 85 to 92 in 96ae355

	return Plotly.react(id, figure.data, clone(figure.layout), config).then(
	() => {
	if (!this._hasPlotted) {
	this.bindEvents();
	Plotly.Plots.resize(document.getElementById(id));
	this._hasPlotted = true;
	}
	}

[alexcjohnson]

Might need to explicitly specify a height as well to really disable autosize.

[ned2]

Setting just the width and autoresize=False worked for me. Would be good to see this issue fixed. Took me a while to work out what was going on and track down this workaround.