Bidi support: Structured text at static components is not supported in Carbon components

[amirbrans]

Structured text is a predefined, machine-readable syntax or internal structure in static data. Some elements of the structured text contains Bidi text ( Arabic, Hebrew, Urdu) while others English text. Also, structured text can be bidirectional on some cases.
Common cases for structure text can be found in: file path, breadcrumb, file name, email address, text concatenation etc..
However, Carbon components does not apply structure text processing expected to happen for structure text patterns and as a result can obfuscate its structure, making the text’s display misleading or even incomprehensible.

An example illustrating structure text case with file path:

Examples in Carbon components:

1. File path in label:

2. URL in checkbox

@mattrosno , @joshblack , @adir01 FYI

[joshblack]

Hi there @amirbrans! 👋 Could you share a quick CodeSandbox with steps to reproduce so we can make sure this issue is addressed?

[wajnberg]

Hello @joshblack ,

I created this quick sandbox https://codesandbox.io/s/blazing-snow-jnuyh
to illustrate the problem

Please tell me if you need anything else
Thank you

@[email protected]. FYI

[joshblack]

Thanks @wajnberg! 🙏

In terms of the expected outcome, what would need to be provided to the text in order to match the expected behavior? I tried re-creating this with a <span> to see what could applied to the text but couldn't seem to get the expected sequence 🤔

In other words:

<span>http://אבג1/דהו2/זחט3</span>

With dir="rtl" or direction: rtl in CSS didn't seem to work. Curious what your thoughts are here!

[laurenmrice]

Hi @amirbrans and @wajnberg 👋, just checking in to see if you still have any thoughts on the above?^

[tay1orjones]

Potentially related to #7264 ?

[adir01]

@wajnberg please comment
@tay1orjones yes, it is related to #7264

[wajnberg]

Hello @laurenmrice @mattrosno and @joshblack

We cannot resolve this problem just by adding css directives like dir=rtl.
Instead we should enclose each segment with <bdi> HTML element.
We have some code which achieves this.
Do you want me to share it with you ?

[joshblack]

Totally agreed on above, I think these issues will fall under the discussion we've been having over in #7264

[tay1orjones]

Duplicate of #7264