react-archer icon indicating copy to clipboard operation
react-archer copied to clipboard

ArcherContainer content container fixed height '100%' don't work on dynamic content

Open timtong1982 opened this issue 1 year ago • 2 comments

in my case we have a long paragraph who is hosting in a fix sized div and that div offers overflow scroll for it, since the code in

ArcherContainer

does: <div style={{ height: '100%', }} ref={parent} > {newChildren} </div>

any svg path draw after the initial width will not being rendered

suggest have a customizable for this div

what is process of submitting a PR, I can raise one

timtong1982 avatar May 01 '23 22:05 timtong1982

Hey! Can you share an example, a screenshot, even better a code sandbox? My intuition is that it's not the lib's responsibility :) If you want a bigger canvas on which the arrows will work, you need to provide a bigger div. The lib can't extend the SVG container element size on its own.

pierpo avatar May 02 '23 21:05 pierpo

@timtong1982 I think I had the same issue. I was able to fix it by setting the display of the ArcherContainer to display: 'inline-block' and it worked.

YoussefLaunchUp avatar Jan 17 '24 20:01 YoussefLaunchUp