Initial size based on content?

tomkp / react-split-pane

React split-pane component

https://tomkp.github.io/react-split-pane

MIT License

3.2k stars 409 forks source link

Initial size based on content? #806

Open dkozar opened 2 years ago

dkozar commented 2 years ago

Hi,

I'd like to use the split pane in horizontal mode (first panel above, second one below).

When the split pane is mounted, I'd like to determine the top/bottom section sizes based on their contents (so there are no individual scrollbars apart from the page scrollbar).

Is this possible to do?

Thanks!

cwellsx commented 7 months ago

It's possible.

React.useRef to get a ref which you associate with your element you want to measure.
React.useEffect to run some code after your component renders for the first time
In the useEffect, read the properties of the HTML element e.g. its clientHeight
Use that height, now that you know it, to set/reset the size of the pane
And maybe [once, setOnce = React.useState(false) which you use to ensure that you do the above only once/initially

rickIsHere-199 commented 4 months ago

I'm searching similar, share if any body found it