Version 4.0.1: Unable to adjust the size of a chart in a dashboard when the chart touches the right edge of the dashboard about superset

[dosubot]

Hey there, @Kim-frau! I'm here to help you with your Superset issue. I'm a bot designed to assist with bugs, questions, and contributions while waiting for a human maintainer. Let's work together to solve this problem!

To adjust the size of a chart in a Superset 4.0.1 dashboard without deleting and re-importing the chart, you can use the ResizableContainer component. This component allows you to resize the chart by dragging its edges. Here is the relevant part of the code that handles resizing:

<ResizableContainer
  id={component.id}
  adjustableWidth={parentComponent.type === ROW_TYPE}
  adjustableHeight
  widthStep={columnWidth}
  widthMultiple={widthMultiple}
  heightStep={GRID_BASE_UNIT}
  heightMultiple={component.meta.height}
  minWidthMultiple={GRID_MIN_COLUMN_COUNT}
  minHeightMultiple={GRID_MIN_ROW_UNITS}
  maxWidthMultiple={availableColumnCount + widthMultiple}
  onResizeStart={onResizeStart}
  onResize={onResize}
  onResizeStop={onResizeStop}
  editMode={editMode}
>

This component provides the ability to adjust both the width and height of the chart. You can drag the edges of the chart to resize it as needed. The onResizeStart, onResize, and onResizeStop callbacks handle the resizing events ^[1].

To continue talking to Dosu, mention @dosu.

[sebint]

Yes unable to resize if it is stretched to right most side of dashboard. But if we try to drag from the right bottom corner the drag handler appears. @Kim-frau, have you got any solution?

[Kim-frau]

Good point, I just tried it, it works. It is the best solution I have got yet

[rusackas]

@justinpark might have some ideas on this one.