#11041 closed defect (fixed)
labels on wrong side of CheckBox/RadioButton/TextBox (RTL mode)
Reported by: | bill | Owned by: | bill |
---|---|---|---|
Priority: | high | Milestone: | 1.6 |
Component: | Dijit - Form | Version: | 1.4.0 |
Keywords: | Cc: | ||
Blocked By: | Blocking: |
Attachments (9)
Change History (20)
Changed 11 years ago by
Attachment: | expected.png added |
---|
comment:1 Changed 11 years ago by
Owner: | set to Douglas Hays |
---|
comment:3 Changed 11 years ago by
Resolution: | → wontfix |
---|---|
Status: | new → closed |
Surrounding both the label and checkbox with a block element seems to fix the problem. I don't see a way to fix this in the widget itself.
<div class="dijitInline"> <input id="cb" dojoType="dijit.form.CheckBox"> <label for="cb">label</label> </div>
comment:4 Changed 11 years ago by
This problem is definitely not limited to FF. It happens on every single browser. See attached test_flow.html test case, which has three widgets with three labels:
It seems though to just be a general thing when labels are in an LTR script, as I'm getting the same problem with native controls.
Note that it's much worse than the labels being on the wrong side; they are completely disconnected from their associated form control.
Changed 11 years ago by
Attachment: | test_flow.html added |
---|
test case w/many settings, for dijits and native controls
Changed 11 years ago by
Attachment: | arabic.png added |
---|
different runs for english vs. arabic characters
comment:6 Changed 11 years ago by
I've found that for BIDI purposes, browsers treat our inline widgets (CheckBox, RadioButton, TextBox, etc.) like neutral characters so their flow is affected by the surrounding strongly typed characters. (see http://www.w3.org/International/articles/inline-bidi-markup/)
You can see this in test_CheckBox.html. Duplicating the cb1 example and changing the English label into Arabic affects the position of the CheckBox? relative to it's label:
So it seems like our test files aren't broken, they are just confusing for testers, since the so-called RTL mode is still "half LTR", so to speak.
comment:7 Changed 11 years ago by
Resolution: | wontfix |
---|---|
Status: | closed → reopened |
comment:8 Changed 11 years ago by
Owner: | changed from Douglas Hays to bill |
---|---|
Status: | reopened → new |
comment:9 Changed 11 years ago by
Resolution: | → fixed |
---|---|
Status: | new → closed |
comment:10 Changed 11 years ago by
comment:11 Changed 10 years ago by
Component: | Dijit → Dijit - Form |
---|
native checkbox