Why does dir=“rtl” change order, but only sometimes?












0














Why does



<input type="text" dir="rtl" value="08/15 word">


render into word 08/15 and not into 08/15 word?



Why does



<input type="text" dir="rtl" value="one word">


render into one word?



Why is the order switched in the first case but not in the second one?



direction of HTML input contents changes with content



https://jsfiddle.net/powtac/4aLn71mb/










share|improve this question




















  • 1




    you need to know some rtl language like arabic to understand this. Basically you should read the text then the date in both direction
    – Temani Afif
    Dec 27 '18 at 15:56










  • Ok, but 08/15 was not considered a date! It's some kind of product number... And wyh does "99/99 word" still switches direction? It is definitely not a date.
    – powtac
    Dec 27 '18 at 16:02












  • same thing I guess .. you should read the text then the number. I don't have the accurate explanation but you have two entites (text and number) where in the other you only have text (nothing to switch) ... try for example to add a full stop . it will also get affected because it's considered as ponctuation that should be at the end, so after the text in both direction
    – Temani Afif
    Dec 27 '18 at 16:04










  • You might need the bdo tags to overide. developer.mozilla.org/en-US/docs/Web/HTML/Element/bdo
    – Cryptopat
    Dec 27 '18 at 17:40
















0














Why does



<input type="text" dir="rtl" value="08/15 word">


render into word 08/15 and not into 08/15 word?



Why does



<input type="text" dir="rtl" value="one word">


render into one word?



Why is the order switched in the first case but not in the second one?



direction of HTML input contents changes with content



https://jsfiddle.net/powtac/4aLn71mb/










share|improve this question




















  • 1




    you need to know some rtl language like arabic to understand this. Basically you should read the text then the date in both direction
    – Temani Afif
    Dec 27 '18 at 15:56










  • Ok, but 08/15 was not considered a date! It's some kind of product number... And wyh does "99/99 word" still switches direction? It is definitely not a date.
    – powtac
    Dec 27 '18 at 16:02












  • same thing I guess .. you should read the text then the number. I don't have the accurate explanation but you have two entites (text and number) where in the other you only have text (nothing to switch) ... try for example to add a full stop . it will also get affected because it's considered as ponctuation that should be at the end, so after the text in both direction
    – Temani Afif
    Dec 27 '18 at 16:04










  • You might need the bdo tags to overide. developer.mozilla.org/en-US/docs/Web/HTML/Element/bdo
    – Cryptopat
    Dec 27 '18 at 17:40














0












0








0


1





Why does



<input type="text" dir="rtl" value="08/15 word">


render into word 08/15 and not into 08/15 word?



Why does



<input type="text" dir="rtl" value="one word">


render into one word?



Why is the order switched in the first case but not in the second one?



direction of HTML input contents changes with content



https://jsfiddle.net/powtac/4aLn71mb/










share|improve this question















Why does



<input type="text" dir="rtl" value="08/15 word">


render into word 08/15 and not into 08/15 word?



Why does



<input type="text" dir="rtl" value="one word">


render into one word?



Why is the order switched in the first case but not in the second one?



direction of HTML input contents changes with content



https://jsfiddle.net/powtac/4aLn71mb/







html css input right-to-left direction






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Dec 27 '18 at 21:31









Paebbels

7,21673376




7,21673376










asked Dec 27 '18 at 15:47









powtac

29.2k2291156




29.2k2291156








  • 1




    you need to know some rtl language like arabic to understand this. Basically you should read the text then the date in both direction
    – Temani Afif
    Dec 27 '18 at 15:56










  • Ok, but 08/15 was not considered a date! It's some kind of product number... And wyh does "99/99 word" still switches direction? It is definitely not a date.
    – powtac
    Dec 27 '18 at 16:02












  • same thing I guess .. you should read the text then the number. I don't have the accurate explanation but you have two entites (text and number) where in the other you only have text (nothing to switch) ... try for example to add a full stop . it will also get affected because it's considered as ponctuation that should be at the end, so after the text in both direction
    – Temani Afif
    Dec 27 '18 at 16:04










  • You might need the bdo tags to overide. developer.mozilla.org/en-US/docs/Web/HTML/Element/bdo
    – Cryptopat
    Dec 27 '18 at 17:40














  • 1




    you need to know some rtl language like arabic to understand this. Basically you should read the text then the date in both direction
    – Temani Afif
    Dec 27 '18 at 15:56










  • Ok, but 08/15 was not considered a date! It's some kind of product number... And wyh does "99/99 word" still switches direction? It is definitely not a date.
    – powtac
    Dec 27 '18 at 16:02












  • same thing I guess .. you should read the text then the number. I don't have the accurate explanation but you have two entites (text and number) where in the other you only have text (nothing to switch) ... try for example to add a full stop . it will also get affected because it's considered as ponctuation that should be at the end, so after the text in both direction
    – Temani Afif
    Dec 27 '18 at 16:04










  • You might need the bdo tags to overide. developer.mozilla.org/en-US/docs/Web/HTML/Element/bdo
    – Cryptopat
    Dec 27 '18 at 17:40








1




1




you need to know some rtl language like arabic to understand this. Basically you should read the text then the date in both direction
– Temani Afif
Dec 27 '18 at 15:56




you need to know some rtl language like arabic to understand this. Basically you should read the text then the date in both direction
– Temani Afif
Dec 27 '18 at 15:56












Ok, but 08/15 was not considered a date! It's some kind of product number... And wyh does "99/99 word" still switches direction? It is definitely not a date.
– powtac
Dec 27 '18 at 16:02






Ok, but 08/15 was not considered a date! It's some kind of product number... And wyh does "99/99 word" still switches direction? It is definitely not a date.
– powtac
Dec 27 '18 at 16:02














same thing I guess .. you should read the text then the number. I don't have the accurate explanation but you have two entites (text and number) where in the other you only have text (nothing to switch) ... try for example to add a full stop . it will also get affected because it's considered as ponctuation that should be at the end, so after the text in both direction
– Temani Afif
Dec 27 '18 at 16:04




same thing I guess .. you should read the text then the number. I don't have the accurate explanation but you have two entites (text and number) where in the other you only have text (nothing to switch) ... try for example to add a full stop . it will also get affected because it's considered as ponctuation that should be at the end, so after the text in both direction
– Temani Afif
Dec 27 '18 at 16:04












You might need the bdo tags to overide. developer.mozilla.org/en-US/docs/Web/HTML/Element/bdo
– Cryptopat
Dec 27 '18 at 17:40




You might need the bdo tags to overide. developer.mozilla.org/en-US/docs/Web/HTML/Element/bdo
– Cryptopat
Dec 27 '18 at 17:40












1 Answer
1






active

oldest

votes


















0














dir=RTL Characteristics




  1. The order of digits in numbers (such as phone numbers) doesn’t
    differ from left-to-right writing.


  2. When combining symbols that can be used in both RTL and LTR
    languages (such as periods, commas, or other punctuation marks),
    their displayed positions will depend on the direction of the text.
    This is because the data format starts from the beginning, but a
    browser is still processing an RTL word in the RTL direction and
    punctuation is converted towards the direction that has been
    specified.



For more information, see this article






share|improve this answer





















    Your Answer






    StackExchange.ifUsing("editor", function () {
    StackExchange.using("externalEditor", function () {
    StackExchange.using("snippets", function () {
    StackExchange.snippets.init();
    });
    });
    }, "code-snippets");

    StackExchange.ready(function() {
    var channelOptions = {
    tags: "".split(" "),
    id: "1"
    };
    initTagRenderer("".split(" "), "".split(" "), channelOptions);

    StackExchange.using("externalEditor", function() {
    // Have to fire editor after snippets, if snippets enabled
    if (StackExchange.settings.snippets.snippetsEnabled) {
    StackExchange.using("snippets", function() {
    createEditor();
    });
    }
    else {
    createEditor();
    }
    });

    function createEditor() {
    StackExchange.prepareEditor({
    heartbeatType: 'answer',
    autoActivateHeartbeat: false,
    convertImagesToLinks: true,
    noModals: true,
    showLowRepImageUploadWarning: true,
    reputationToPostImages: 10,
    bindNavPrevention: true,
    postfix: "",
    imageUploader: {
    brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
    contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
    allowUrls: true
    },
    onDemand: true,
    discardSelector: ".discard-answer"
    ,immediatelyShowMarkdownHelp:true
    });


    }
    });














    draft saved

    draft discarded


















    StackExchange.ready(
    function () {
    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53947553%2fwhy-does-dir-rtl-change-order-but-only-sometimes%23new-answer', 'question_page');
    }
    );

    Post as a guest















    Required, but never shown

























    1 Answer
    1






    active

    oldest

    votes








    1 Answer
    1






    active

    oldest

    votes









    active

    oldest

    votes






    active

    oldest

    votes









    0














    dir=RTL Characteristics




    1. The order of digits in numbers (such as phone numbers) doesn’t
      differ from left-to-right writing.


    2. When combining symbols that can be used in both RTL and LTR
      languages (such as periods, commas, or other punctuation marks),
      their displayed positions will depend on the direction of the text.
      This is because the data format starts from the beginning, but a
      browser is still processing an RTL word in the RTL direction and
      punctuation is converted towards the direction that has been
      specified.



    For more information, see this article






    share|improve this answer


























      0














      dir=RTL Characteristics




      1. The order of digits in numbers (such as phone numbers) doesn’t
        differ from left-to-right writing.


      2. When combining symbols that can be used in both RTL and LTR
        languages (such as periods, commas, or other punctuation marks),
        their displayed positions will depend on the direction of the text.
        This is because the data format starts from the beginning, but a
        browser is still processing an RTL word in the RTL direction and
        punctuation is converted towards the direction that has been
        specified.



      For more information, see this article






      share|improve this answer
























        0












        0








        0






        dir=RTL Characteristics




        1. The order of digits in numbers (such as phone numbers) doesn’t
          differ from left-to-right writing.


        2. When combining symbols that can be used in both RTL and LTR
          languages (such as periods, commas, or other punctuation marks),
          their displayed positions will depend on the direction of the text.
          This is because the data format starts from the beginning, but a
          browser is still processing an RTL word in the RTL direction and
          punctuation is converted towards the direction that has been
          specified.



        For more information, see this article






        share|improve this answer












        dir=RTL Characteristics




        1. The order of digits in numbers (such as phone numbers) doesn’t
          differ from left-to-right writing.


        2. When combining symbols that can be used in both RTL and LTR
          languages (such as periods, commas, or other punctuation marks),
          their displayed positions will depend on the direction of the text.
          This is because the data format starts from the beginning, but a
          browser is still processing an RTL word in the RTL direction and
          punctuation is converted towards the direction that has been
          specified.



        For more information, see this article







        share|improve this answer












        share|improve this answer



        share|improve this answer










        answered Dec 27 '18 at 17:25









        Mordecai

        53112




        53112






























            draft saved

            draft discarded




















































            Thanks for contributing an answer to Stack Overflow!


            • Please be sure to answer the question. Provide details and share your research!

            But avoid



            • Asking for help, clarification, or responding to other answers.

            • Making statements based on opinion; back them up with references or personal experience.


            To learn more, see our tips on writing great answers.





            Some of your past answers have not been well-received, and you're in danger of being blocked from answering.


            Please pay close attention to the following guidance:


            • Please be sure to answer the question. Provide details and share your research!

            But avoid



            • Asking for help, clarification, or responding to other answers.

            • Making statements based on opinion; back them up with references or personal experience.


            To learn more, see our tips on writing great answers.




            draft saved


            draft discarded














            StackExchange.ready(
            function () {
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53947553%2fwhy-does-dir-rtl-change-order-but-only-sometimes%23new-answer', 'question_page');
            }
            );

            Post as a guest















            Required, but never shown





















































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown

































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown







            Popular posts from this blog

            generate and download xml file after input submit (php and mysql) - JPK

            Angular Downloading a file using contenturl with Basic Authentication

            Can't read property showImagePicker of undefined in react native iOS