Aeolun / react-diff-viewer-continued

A simple and beautiful text diff viewer component made with Diff and React.
https://aeolun.github.io/react-diff-viewer-continued/
MIT License
113 stars 34 forks source link

Question: is it possible to limit lines? #32

Open orchestr7 opened 10 months ago

orchestr7 commented 10 months ago

We have very long lines without breaks and it causes the render to slide: image

Is there any chance to limit the box and add word and lines wrap? Example: https://saveourtool.com/vuln/collection/GHSA-xh5m-8qqp-c5x7 (tab: Changes)

orchestr7 commented 10 months ago

It looks like it is a bug happening when you press on expand:

https://github.com/Aeolun/react-diff-viewer-continued/assets/58667063/8e456e0e-be4e-4ffb-924a-3363bc07e756

Aeolun commented 10 months ago

You could try v4, which might solve the jumping but I don’t think it’d ultimately solve your issue because right now it doesn’t support line wrap at all yet.