Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
[e] (0) Added example of select directionality issue
Fixing http://www.w3.org/Bugs/Public/show_bug.cgi?id=10821

git-svn-id: http://svn.whatwg.org/webapps@5668 340c8d12-0b0e-0410-8428-c7bf67bfef74
  • Loading branch information
Hixie committed Nov 3, 2010
1 parent 5e4db28 commit 8923ec7
Show file tree
Hide file tree
Showing 4 changed files with 90 additions and 2 deletions.
31 changes: 30 additions & 1 deletion complete.html
Expand Up @@ -214,7 +214,7 @@

<header class=head id=head><p><a class=logo href=http://www.whatwg.org/ rel=home><img alt=WHATWG height=101 src=/images/logo width=101></a></p>
<hgroup><h1>Web Applications 1.0</h1>
<h2 class="no-num no-toc">Draft Standard &mdash; 2 November 2010</h2>
<h2 class="no-num no-toc">Draft Standard &mdash; 3 November 2010</h2>
</hgroup><p>You can take part in this work. <a href=http://www.whatwg.org/mailing-list>Join the working group's discussion list.</a></p>
<p><strong>Web designers!</strong> We have a <a href=http://blog.whatwg.org/faq/>FAQ</a>, a <a href=http://forums.whatwg.org/>forum</a>, and a <a href=http://www.whatwg.org/mailing-list#help>help mailing list</a> for you!</p>
<!--<p class="impl"><strong>Implementors!</strong> We have a <a href="http://www.whatwg.org/mailing-list#implementors">mailing list</a> for you too!</p>-->
Expand Down Expand Up @@ -86451,6 +86451,35 @@ <h4 id=text-rendered-in-native-user-interfaces><span class=secno>14.6.4 </span>T
<code title=dom-alert><a href=#dom-alert>window.alert()</a></code>) is expected to be
rendered as a separate bidirectional algorithm paragraph. <a href=#refsBIDI>[BIDI]</a></p>

<div class=example>

<p>Consider the following markup, which has Hebrew text asking for
a programming language, the languages being text for which a
left-to-right direction is important given the punctuation in some
of their names:</p>

<pre>&lt;p dir="rtl" lang="he"&gt;
&lt;label&gt;
<span dir=rtl lang=he title="">&#1489;&#1495;&#1512; &#1513;&#1508;&#1514; &#1514;&#1499;&#1504;&#1493;&#1514;:</span>
&lt;select&gt;
&lt;option dir="ltr"&gt;C++&lt;/option&gt;
&lt;option dir="ltr"&gt;C#&lt;/option&gt;
&lt;option dir="ltr"&gt;FreePascal&lt;/option&gt;
&lt;option dir="ltr"&gt;F#&lt;/option&gt;
&lt;/select&gt;
&lt;/label&gt;
&lt;/p&gt;</pre>

<p>If the <code><a href=#the-select-element>select</a></code> element was rendered as a drop down
box, a correct rendering would ensure that the punctuation was the
same both in the drop down, and in the box showing the current
selection.</p>

<p><img alt="" height=105 src=http://images.whatwg.org/bidiselect.png width=206></p> <!-- no need for alt text, the previous paragraph
describes it completely -->

</div>



<h3 id=print-media><span class=secno>14.7 </span>Print media</h3>
Expand Down
Binary file added images/bidiselect.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
31 changes: 30 additions & 1 deletion index
Expand Up @@ -218,7 +218,7 @@

<header class=head id=head><p><a class=logo href=http://www.whatwg.org/ rel=home><img alt=WHATWG height=101 src=/images/logo width=101></a></p>
<hgroup><h1>HTML5 (including next generation additions still in development)</h1>
<h2 class="no-num no-toc">Draft Standard &mdash; 2 November 2010</h2>
<h2 class="no-num no-toc">Draft Standard &mdash; 3 November 2010</h2>
</hgroup><p>You can take part in this work. <a href=http://www.whatwg.org/mailing-list>Join the working group's discussion list.</a></p>
<p><strong>Web designers!</strong> We have a <a href=http://blog.whatwg.org/faq/>FAQ</a>, a <a href=http://forums.whatwg.org/>forum</a>, and a <a href=http://www.whatwg.org/mailing-list#help>help mailing list</a> for you!</p>
<!--<p class="impl"><strong>Implementors!</strong> We have a <a href="http://www.whatwg.org/mailing-list#implementors">mailing list</a> for you too!</p>-->
Expand Down Expand Up @@ -82365,6 +82365,35 @@ time[datetime] { binding: <i title="">time</i>; }</pre>
<code title=dom-alert><a href=#dom-alert>window.alert()</a></code>) is expected to be
rendered as a separate bidirectional algorithm paragraph. <a href=#refsBIDI>[BIDI]</a></p>

<div class=example>

<p>Consider the following markup, which has Hebrew text asking for
a programming language, the languages being text for which a
left-to-right direction is important given the punctuation in some
of their names:</p>

<pre>&lt;p dir="rtl" lang="he"&gt;
&lt;label&gt;
<span dir=rtl lang=he title="">&#1489;&#1495;&#1512; &#1513;&#1508;&#1514; &#1514;&#1499;&#1504;&#1493;&#1514;:</span>
&lt;select&gt;
&lt;option dir="ltr"&gt;C++&lt;/option&gt;
&lt;option dir="ltr"&gt;C#&lt;/option&gt;
&lt;option dir="ltr"&gt;FreePascal&lt;/option&gt;
&lt;option dir="ltr"&gt;F#&lt;/option&gt;
&lt;/select&gt;
&lt;/label&gt;
&lt;/p&gt;</pre>

<p>If the <code><a href=#the-select-element>select</a></code> element was rendered as a drop down
box, a correct rendering would ensure that the punctuation was the
same both in the drop down, and in the box showing the current
selection.</p>

<p><img alt="" height=105 src=http://images.whatwg.org/bidiselect.png width=206></p> <!-- no need for alt text, the previous paragraph
describes it completely -->

</div>



<h3 id=print-media><span class=secno>12.7 </span>Print media</h3>
Expand Down
30 changes: 30 additions & 0 deletions source
Expand Up @@ -99088,6 +99088,36 @@ time[datetime] { binding: <i title="">time</i>; }</pre>
rendered as a separate bidirectional algorithm paragraph. <a
href="#refsBIDI">[BIDI]</a></p>

<div class="example">

<p>Consider the following markup, which has Hebrew text asking for
a programming language, the languages being text for which a
left-to-right direction is important given the punctuation in some
of their names:</p>

<pre>&lt;p dir="rtl" lang="he">
&lt;label>
<span title="" dir="rtl" lang="he">&#x5d1;&#x5d7;&#x5e8; &#x5e9;&#x5e4;&#x5ea; &#x5ea;&#x5db;&#x5e0;&#x5d5;&#x5ea;:</span>
&lt;select>
&lt;option dir="ltr">C++&lt;/option>
&lt;option dir="ltr">C#&lt;/option>
&lt;option dir="ltr">FreePascal&lt;/option>
&lt;option dir="ltr">F#&lt;/option>
&lt;/select>
&lt;/label>
&lt;/p></pre>

<p>If the <code>select</code> element was rendered as a drop down
box, a correct rendering would ensure that the punctuation was the
same both in the drop down, and in the box showing the current
selection.</p>

<p><img src="images/bidiselect.png" width="206" height="105"
alt=""></p> <!-- no need for alt text, the previous paragraph
describes it completely -->

</div>



<h3>Print media</h3>
Expand Down

0 comments on commit 8923ec7

Please sign in to comment.