rtl-styling icon indicating copy to clipboard operation
rtl-styling copied to clipboard

Published 20 hours ago • verified publisher icon shadeed

RTL Styling in Web Components/Shadow DOM

Open alexiscordova opened this issue 5 years ago • 2 comments

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!

alexiscordova avatar Jan 15 '20 18:01 alexiscordova

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 :)

shadeed avatar Jan 16 '20 09:01 shadeed

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.

Malvoz avatar Dec 10 '21 09:12 Malvoz