Right-to-Left Languages

Deep Shadow RTL

When the CTA is found within the shadow root of an element which is itself within a RTL context, it's own contents should also be displayed right-to-left, including the various box models, the placement of the icon, and the direction of the arrow. Authors should not need to specify the direction with the dir="rtl" attribute if it is added to a containing element. In this demo, the shadow root's host element has a light blue background colour, in order distinguish it from the document content.