Crowdin In-Context usage with Shadow root?

How to use Crowdin? Tips&Tricks
1

So my web components have some having difficulties using the In-Context of Crowdin.

My components are protected by shadow-root, and seems that this is the reason why In-Context integration can’t read the labels to translate.

Maybe I can create something or add additional settings in order to change this?

2

Seems like you use Shadow DOM.

Crowdin doesn’t have access to Shadow DOM due to its specification, and the only solution that comes to mind is the following:

  1. Prepare all your web components where you have texts
  2. By using slots, get the text to the light DOM. See instructions below:
    Shadow DOM slots, composition

This way, everything should work well.