<div><div dir="auto">I’m not sure if this is deliberate or was an oversight...</div></div><div dir="auto">In <div><a href="https://developer.mozilla.org/docs/Mozilla/Developer_guide/RTL_guidelines">https://developer.mozilla.org/docs/Mozilla/Developer_guide/RTL_guidelines</a></div><div dir="auto">At the beginning, there is a list of ”do and don’t do”s of which the first two are</div><div dir="auto"><table class="standard-table" style="font-size:16px;margin:0px 0px 24px;padding:0px;border:2px solid rgb(255,255,255);box-sizing:border-box;width:988px;max-width:100%;border-collapse:collapse;color:rgb(51,51,51);font-family:Arial,x-locale-body,sans-serif;letter-spacing:-0.04447999969124794px"><thead style="margin:0px;padding:0px;border:0px"><tr style="margin:0px;padding:0px;border:0px"><th scope="col" style="margin:0px;padding:2px 8px 4px;border-width:2px;border-style:solid;border-color:rgb(255,255,255) rgb(255,255,255) rgb(212,221,228);font-style:inherit;background-color:rgba(212,221,228,0.498039);font-family:x-locale-heading-primary,zillaslab,Palatino,"Palatino Linotype",x-locale-heading-secondary,serif">Do</th><th scope="col" style="margin:0px;padding:2px 8px 4px;border-width:2px;border-style:solid;border-color:rgb(255,255,255) rgb(255,255,255) rgb(212,221,228);font-style:inherit;background-color:rgba(212,221,228,0.498039);font-family:x-locale-heading-primary,zillaslab,Palatino,"Palatino Linotype",x-locale-heading-secondary,serif">Don't do</th></tr></thead><tbody style="margin:0px;padding:0px;border:0px"><tr style="margin:0px;padding:0px;border:0px"><td dir="ltr" style="margin:0px;padding:6px 8px;border:2px solid rgb(255,255,255);background-color:rgba(212,221,228,0.247059)"><code style="margin:0px;padding:0px 2px;border:0px;font-style:inherit;background-color:rgba(220,220,220,0.498039);border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px;font-family:consolas,"Liberation Mono",courier,monospace;word-wrap:break-word"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/margin-inline-start" title="The margin-inline-start CSS property defines the logical inline start margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. It corresponds to the margin-top, margin-right, margin-bottom, or margin-left property depending on the values defined for writing-mode, direction, and text-orientation." style="margin:0px;padding:0px;border:0px;color:rgb(40,92,118);text-decoration:none"><code style="margin:0px;padding:0px 2px;border:0px;font-style:inherit;border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px;font-family:consolas,"Liberation Mono",courier,monospace;word-wrap:break-word">margin-inline-start</code></a>: 5px;</code></td><td dir="ltr" style="margin:0px;padding:6px 8px;border:2px solid rgb(255,255,255);background-color:rgba(212,221,228,0.247059)"><code style="margin:0px;padding:0px 2px;border:0px;font-style:inherit;background-color:rgba(220,220,220,0.498039);border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px;font-family:consolas,"Liberation Mono",courier,monospace;word-wrap:break-word">margin-left: 5px;</code></td></tr><tr style="margin:0px;padding:0px;border:0px"><td dir="ltr" style="margin:0px;padding:6px 8px;border:2px solid rgb(255,255,255);background-color:rgba(212,221,228,0.14902)"><code style="margin:0px;padding:0px 2px;border:0px;font-style:inherit;background-color:rgba(220,220,220,0.498039);border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px;font-family:consolas,"Liberation Mono",courier,monospace;word-wrap:break-word"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding-inline-end" title="The padding-inline-end CSS property defines the logical inline end padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation. It corresponds to the padding-top, padding-right, padding-bottom, or padding-left property depending on the values defined for writing-mode, direction, and text-orientation." style="margin:0px;padding:0px;border:0px;color:rgb(40,92,118);text-decoration:none"><code style="margin:0px;padding:0px 2px;border:0px;font-style:inherit;border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px;font-family:consolas,"Liberation Mono",courier,monospace;word-wrap:break-word">padding-inline-end</code></a>: 5px;</code></td><td dir="ltr" style="margin:0px;padding:6px 8px;border:2px solid rgb(255,255,255);background-color:rgba(212,221,228,0.14902)"><code style="margin:0px;padding:0px 2px;border:0px;font-style:inherit;background-color:rgba(220,220,220,0.498039);border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px;font-family:consolas,"Liberation Mono",courier,monospace;word-wrap:break-word">padding-right: 5px;</code></td></tr></tbody></table></div></div><div dir="auto">Then, about 2/3 down the page there is a code example using padding-left: and padding-right: instead of padding-inline-start: and padding-in-line-end:</div><div dir="auto"><br></div><div dir="auto">Are these exceptions to the RTL rules or was it a typo?</div><div dir="auto"><br></div><div dir="auto">Cheers,</div><div dir="auto">Robi</div><div><br><div class="gmail_quote"><div dir="ltr" class="gmail_attr">On Thu, Feb 6, 2020 at 18:04 Tim Nguyen <<a href="mailto:ntim.bugs@gmail.com">ntim.bugs@gmail.com</a>> wrote:<br></div><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr"><div>Hello folks,</div><div><br></div><div>There has been a significant number of RTL bugs found in the last few months in the Firefox UI. From what I can gather, they were mostly due lack of awareness on specific situations that are more complex than just using CSS logical properties, but sometimes due to lack of testing.<br></div><div><br></div><div>Itiel has made a great job at filing+fixing many bugs and wrote up a guide based on his experience. This guide describes in detail what things should be mirrored, text handling in RTL and tips on how to spot/fix/test RTL issues. It includes things I personally didn't know about before, so I do encourage giving it a read:</div><div><br></div><div><a href="https://developer.mozilla.org/docs/Mozilla/Developer_guide/RTL_guidelines" target="_blank">https://developer.mozilla.org/docs/Mozilla/Developer_guide/RTL_guidelines</a></div><div><br></div><div>When developing a new part of the UI or making significant UI changes, please do make sure you manually test RTL for issues (by setting <span dir="auto"><code><span>intl.l10n.pseudo<span style="font-family:arial,sans-serif"> to </span>bidi<span style="font-family:arial,sans-serif">) to make Firefox accessible for all languages :)<br></span></span></code></span></div><div><br><span dir="auto"><code><span><span style="font-family:arial,sans-serif"></span></span></code></span></div><div>I hope that this guide will be helpful, and please do let me or Itiel know if you've got any feedback on it.<br><span dir="auto"><code><span><span style="font-family:arial,sans-serif"></span></span></code></span><span dir="auto"><code><span></span></code></span></div><div><div><div><br></div><div>Cheers,<br></div><div>Tim,</div><div>Firefox Desktop Theme peer<br></div><div><br></div></div></div></div>
_______________________________________________<br>
firefox-dev mailing list<br>
<a href="mailto:firefox-dev@mozilla.org" target="_blank">firefox-dev@mozilla.org</a><br>
<a href="https://mail.mozilla.org/listinfo/firefox-dev" rel="noreferrer" target="_blank">https://mail.mozilla.org/listinfo/firefox-dev</a><br>
</blockquote></div></div>