RTL Styling in Web Components/Shadow DOM

shadeed / rtl-styling

An extensive guide on how to style for RTL in CSS

https://rtlstyling.com/

MIT License

351 stars 19 forks source link

RTL Styling in Web Components/Shadow DOM #3

Open alexiscordova opened 4 years ago

alexiscordova commented 4 years ago

Hi there,

First, thank you so much for creating this guide!

What are your thoughts on adding a section for RTL styling in Web Components and/or Shadow DOM? Best practices get a little wonky when it comes to Web Components, as styling against html[dir="rtl"] inside of a component doesn't work due to shadow boundaries. This is, admittedly, a bit of uncharted territory, but happy to help where I can!

shadeed commented 4 years ago

Hello, @alexiscordova! Thanks a lot for reading.

This is exciting! I will try to learn about Web Components and see how can I add a section about it. In the meantime, this issue will be kept open until the section is added. Will definitely ping you for help :)

Malvoz commented 2 years ago

I don't know whether there are any cross-browser issues or not, but https://github.com/whatwg/html/issues/3699 may provide some insight.