Angled x-axis labels that overflow are not scrollable

[cody-e-sayo-alida]

• I have searched the issues of this repository and believe that this is not a duplicate.

Reproduction link

Steps to reproduce

Place BarChart in ResponsiveContainer and apply overflow: 'scroll' property to the barchart.

What is expected?

The user should be able to scroll and see the angled x-axis labels that are overflowing.

What is actually happening?

There is no scroll functionality.

Environment	Info
Recharts	v2.10.4
React	17.0.2
System	Windows 10 Version 10.0.19045 Build 19045
Browser	Chrome, Version 120.0.6099.217 (Official Build) (64-bit)

---

Setting overflow: 'visible' shows the overflowing labels, but setting overflow to 'scroll' won't work.

[ckifer]

Lots of duplicates

#1364
#1364
#1761
#3059

[ckifer]

Ah this isn't horizontal scroll, you want to scroll vertically.

This can be looked into more, not sure why that doesn't work.

A workaround could be to have dynamic margin based on label size (though I know that can be painful)

[cody-e-sayo-alida]

Thank you, scrolling would be preferable over dynamic margins

[ckifer]

I tried to do some different things to no avail today. Might need to read up a little more on how overflow:scroll works in SVGs