Responsive Resize simple fix not in documentation #11489
Description
Documentation Is:
- Missing or needed?
- Confusing
- Not sure?
Please Explain in Detail...
#4156
this issue could be cleared with a documentation update.
Responsive charts belong in their own relative position div to control their sizing which is fine.
When that div is inside a grid or flexbox, there are some overflow issues when resizing the window to smaller sizes due to intrinsic sizing in grid and flex containers.
The fix is really simple, the relative div needs a 'min-width: 0' in order for these containers to shrink the content correctly. Otherwise it overflows its parent container.
Everything works great after that addition but it takes a bit of googling to find the fix for this issue. Adding to the docs would be easy and convenient.
Your Proposal for Changes
Responsive Charts
-If your chart is inside a grid or flexbox, give the containing div used for sizing a min-width: 0. This allows the chart to shrink and grow with the intrinsic flexbox or grid sizing.
Example
No response