Welcome to Software Development on Codidact!

Will you help us build our independent community of developers helping developers? We're small and trying to grow. We welcome questions about all aspects of software development, from design to code to QA and more. Got questions? Got answers? Got code you'd like someone to review? Please join us.

Post History

37%

+1 −3

Q&A An HTML form in Hebrew is Right to Left in general but a select list inside it is Left to Right

My HTML form got dir="rtl" attribute and value and in desktop computer systems it appears Right to Left (RTL) but in my mobile device (OnePLus 6) with Android and DuckDuckGo browser, the form's HTM...

0 answers · posted 3y ago by deleted user · edited 3y ago by deleted user

Question html right-to-left

#4: Post edited by (deleted user) · 2021-07-03T20:43:29Z (over 3 years ago)

Copy Link

Raw

Markdown

My HTML form got `dir=rtl` attribute and value and in desktop computer systems it appears Right to Left (RTL) but in my mobile device (OnePLus 6) with Android and DuckDuckGo browser, the form's HTML select list is not flipped Right to Left so the Hebrew is Left to Right, oddly.
Relevant parts of the much larger code:
```html
<form dir="rtl" lang="he" id="contact_form" class="prcf_general_structure" action="prcf-main/backend/contact_form.php" method="POST">
<div id="prcf_form_child">
<div class="prcf_context">
<div><label for="prcf_input_topic" id="prcf_label_topic">פנייה בנושא</label></div>
<select name="topic" id="prcf_input_topic" class="prcf_generally_any_field">
```
![An image in which the odd Left to Right Hebrew is shown ; the select list has five options --- and they are all "juxtaposed" to the left of the select list modal in mobile devices instead to the right of the modal](https://software.codidact.com/uploads/CMQZedJ5K6MrSrq1XbocPsM4)
The text should be in the right and circles should be in the left.
Why is this problem occurring and how would you suggest solve it?

My HTML form got `dir="rtl"` attribute and value and in desktop computer systems it appears Right to Left (RTL) but in my mobile device (OnePLus 6) with Android and DuckDuckGo browser, the form's HTML select list is not flipped Right to Left so the Hebrew is Left to Right, oddly.
Relevant parts of the much larger code:
```html
<form dir="rtl" lang="he" id="contact_form" class="prcf_general_structure" action="prcf-main/backend/contact_form.php" method="POST">
<div id="prcf_form_child">
<div class="prcf_context">
<div><label for="prcf_input_topic" id="prcf_label_topic">פנייה בנושא</label></div>
<select name="topic" id="prcf_input_topic" class="prcf_generally_any_field">
```
![An image in which the odd Left to Right Hebrew is shown ; the select list has five options --- and they are all "juxtaposed" to the left of the select list modal in mobile devices instead to the right of the modal](https://software.codidact.com/uploads/CMQZedJ5K6MrSrq1XbocPsM4)
The text should be in the right and circles should be in the left.
Why is this problem occurring and how would you suggest solve it?

#3: Post edited by

anatolyg‭ · 2021-06-10T11:04:45Z (over 3 years ago)
moved info from comment to the post

Copy Link

Raw

Markdown

An HTML form in Hebrew is Right to Left in general but a select list inside it is Left to Right

My HTML form got `dir=rtl` attribute and value and in desktop computer systems it appears Right to Left (RTL) but in my mobile device (OnePLus 6) with Android and DuckDuckGo browser, the form's HTML select list is not flipped Right to Left so the Hebrew is Left to Right, oddly.
Relevant parts of the much larger code:
```html
<form dir="rtl" lang="he" id="contact_form" class="prcf_general_structure" action="prcf-main/backend/contact_form.php" method="POST">
<div id="prcf_form_child">
<div class="prcf_context">
<div><label for="prcf_input_topic" id="prcf_label_topic">פנייה בנושא</label></div>
<select name="topic" id="prcf_input_topic" class="prcf_generally_any_field">
```
![An image in which the odd Left to Right Hebrew is shown ; the select list has five options --- and they are all "juxtaposed" to the left of the select list modal in mobile devices instead to the right of the modal](https://software.codidact.com/uploads/CMQZedJ5K6MrSrq1XbocPsM4)
~~Why is this problem occurring and how would you suggest solve it?~~

My HTML form got `dir=rtl` attribute and value and in desktop computer systems it appears Right to Left (RTL) but in my mobile device (OnePLus 6) with Android and DuckDuckGo browser, the form's HTML select list is not flipped Right to Left so the Hebrew is Left to Right, oddly.
Relevant parts of the much larger code:
```html
<form dir="rtl" lang="he" id="contact_form" class="prcf_general_structure" action="prcf-main/backend/contact_form.php" method="POST">
<div id="prcf_form_child">
<div class="prcf_context">
<div><label for="prcf_input_topic" id="prcf_label_topic">פנייה בנושא</label></div>
<select name="topic" id="prcf_input_topic" class="prcf_generally_any_field">
```
![An image in which the odd Left to Right Hebrew is shown ; the select list has five options --- and they are all "juxtaposed" to the left of the select list modal in mobile devices instead to the right of the modal](https://software.codidact.com/uploads/CMQZedJ5K6MrSrq1XbocPsM4)
The text should be in the right and circles should be in the left.
Why is this problem occurring and how would you suggest solve it?

#2: Post edited by

Alexei‭ · 2021-06-09T13:30:37Z (over 3 years ago)
added relevant tag

Copy Link

Raw

Markdown

html

html right-to-left

#1: Initial revision by (deleted user) · 2021-06-09T12:03:19Z (over 3 years ago)

Copy Link

Raw

Markdown

An HTML form in Hebrew is Right to Left in general but a select list inside it is Left to Right

My HTML form got `dir=rtl` attribute and value and in desktop computer systems it appears Right to Left (RTL) but in my mobile device (OnePLus 6) with Android and DuckDuckGo browser, the form's HTML select list is not flipped Right to Left so the Hebrew is Left to Right, oddly.

Relevant parts of the much larger code:

```html
<form dir="rtl" lang="he" id="contact_form" class="prcf_general_structure" action="prcf-main/backend/contact_form.php" method="POST">
				<div id="prcf_form_child">
					<div class="prcf_context">
						<div><label for="prcf_input_topic" id="prcf_label_topic">פנייה בנושא</label></div>
						<select name="topic" id="prcf_input_topic" class="prcf_generally_any_field">
```

![An image in which the odd Left to Right Hebrew is shown ; the select list has five options --- and they are all "juxtaposed" to the left of the select list modal in mobile devices instead to the right of the modal](https://software.codidact.com/uploads/CMQZedJ5K6MrSrq1XbocPsM4)

Why is this problem occurring and how would you suggest solve it?

html

Communities

Post History