Crowdin In-Context usage with Shadow root?

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?

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.