search

Eliav2 / react-xarrows

Draw arrows (or lines) between components in React!
https://codesandbox.io/embed/github/Eliav2/react-xarrows/tree/master/examples?fontsize=14&hidenavigation=1&theme=dark
MIT License
584 stars 75 forks source link

IE11 stroke-dasharray #37

Closed xavisegura closed 3 years ago

xavisegura commented 3 years ago

First of all, thanks a lot for your work.

For a specific customer I have the need of using this package within IE11, yes, 2020, IE11.

stroke-dasharray is not compatible, so there is not much we can do to actually draw dashed lines. But, even straight lines are not being displayed due to the fact that the property strokeDasharray is always created:

strokeDasharray={${dashStroke} ${dashNone}}

Maybe you could consider on setting the property to 'none' in case of dashness is false (default). This way you would support IE11

Thanks in advanced!

xavisegura commented 3 years ago

Never mind, you can ovewrite the property with the extensibility you already provided by setting arrowBodyProps={{ strokeDasharray: 'none' }}.