title: Why does a 'direction: rtl' cut off any numbers (but not letters) in a string and paste them at the end?
body: <p>I'm confused as to why using a 'direction: rtl' CSS on a couple of filename strings produces the following results. So for instance:</p>
  <pre><code>123.pdf becomes pdf.123, but
  123_test.pdf becomes test.pdf_123
  123_test_456.pdf becomes test_456.pdf_123
  </code></pre>
  <p><a href="https://i.stack.imgur.com/6wHIy.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6wHIy.png" alt="" /></a></p>
  <p>I've found I can use a <code>bidi-override: plaintext</code>, but I'm not sure if this is the correct way to handle this behaviour, or still why it does this in the first place.</p>