Fix RTL support - Githubissues

pegasystems / constellation-ui-gallery

This open-source repository provides a collection of ready-to-use and customizable Constellation DX components. Use this resource to gain inspiration, best practices, and a solid foundation for implementing custom components.

https://pegasystems.github.io/constellation-ui-gallery/

Apache License 2.0

32 stars 23 forks source link

Fix RTL support #19

Closed ricmars closed 7 months ago

ricmars commented 8 months ago

RTL has some issues for a couple of components like the network diagram and the signature capture

vijayjangid commented 7 months ago

Network diagram breaks on RTL mode. React Flow doesn't seem to support RTL out of the box, a gracefull fallback could be to always enforce LTR on the ReactFlow container to avoid breaking the graph.

 <ReactFlow dir='ltr' {...otherProps} />

What's wrong with Signature input? Are we expecting the canvas content to flip horizontally?

ricmars commented 7 months ago

yes the canvas should be flipped ltr too

ricmars commented 7 months ago

likely similar issues with barcode and qrcode