<div dir="ltr"><pre class="" id="comment_text_0" style="white-space:pre-wrap;width:50em;color:rgb(0,0,0)">Hello, it is hard to understand what the difference between bdo and bdi is,
since there is no example for bdo, also just one example for bdi, this is not <span style="font-family:arial">sufficient</span><span style="font-family:arial">.</span></pre><pre class="" id="comment_text_0" style="white-space:pre-wrap;width:50em;color:rgb(0,0,0)"><span style="font-family:arial">Now after studying the articles at WHATWG and some other resources in german and also doing tests I am close to catch it, but there are some questions confusing me:</span></pre><pre class="" id="comment_text_0" style="white-space:pre-wrap;width:50em;color:rgb(0,0,0)">Note: On german resources where people try to explain these elements,
are a lot of failures in their explanations, that shows they didn´t understood it right.</pre><pre class="" id="comment_text_0" style="white-space:pre-wrap;width:50em;color:rgb(0,0,0)">Also there are a lot of variety in their explanations very different to other resources.
The correct usage for the purposes of BiDi text formatting in form elements is:
<p>Name: <input id="name" dir="auto"></p> </pre><pre class="" id="comment_text_0" style="white-space:pre-wrap;width:50em;color:rgb(0,0,0)">Is that right?</pre><pre class="" id="comment_text_0" style="white-space:pre-wrap;width:50em;color:rgb(0,0,0)"><br></pre><pre class="" id="comment_text_0" style="white-space:pre-wrap;width:50em;color:rgb(0,0,0)"><pre class="" id="comment_text_1" style="white-space:pre-wrap;width:50em">If we got an html document and all contents are for example in arabic, then we should do it this way, right?:
<html lang="ar" dir="rtl">
...
</html>
if we got an html document where the main contents are for example in english but we got a section or paragraph in arabic we should use:
<html lang="en">
<p lang="ar" dir="rtl">...</p>
</html>
<br></pre><pre class="" id="comment_text_1" style="white-space:pre-wrap;width:50em">right?</pre><pre class="" id="comment_text_1" style="white-space:pre-wrap;width:50em">if we got an html document where nearly all contents are in english but in one paragraph there is a span of text in arabic, surrounded by english text, we should use:
<html lang="en">
<p>This is a span of text in english <bdo dir="rtl">إيان إيان إيان</bdo> and another span of text in english</p>
</html>
Is that right? Think so, because the recommondation is explaining if we know there is text in another directionality and we know the direction we should mark that text with bdo.
Ok but there is a Problem <span style="font-family:arial">if the text after </bdo> begins with a number</span><span style="font-family:arial">, similar to the example given in WHATWG for the bdi-element, the difference is, think of it is not user generated content, the author knows that this span of text has rtl direction:</span></pre><pre class="" id="comment_text_1" style="white-space:pre-wrap;width:50em"><html lang="en">
<p>This is a span of text in english <bdo dir="rtl">إيان إيان إيان</bdo> 55555 and another span of text in english</p>
</html>
This is not working, but the following is working:
<p>This is a span of text in english <bdo dir="rtl">إيان إيان إيان</bdo> <bdo dir="ltr">55555 and another span of text in english</bdo></p>
And this is also working:
<p>This is a span of text in english <bdi>إيان إيان إيان</bdi> 55555 and another span of text in english</p>
The last two codes above are not recommended in spec or is it the right way?
Hope to get help, and I am sry for my english, that isn´t the best.
Veli Senol</pre></pre></div>