Browser issue RTL add-on list titles

Lukas W. · Apr 22, 2019

Noticed this on a client website today. On the add-on list, add-ons that have their titles first letter a [ will show a weird formatting, where the bracket ends up at the end of the title in mirrored form:

Not sure if this is something that can be solved with CSS or is just a downside of using LTR language in RTL format.

Chris D · Apr 24, 2019

I don't believe there's anything we can impact here directly. It's actually something that Chrome and Safari/WebKit seems to do quite poorly, but other browsers such as Firefox and MS Edge seem to have it correct.

This is Firefox on the left, and Chrome on the right in a basic HTML page.

HTML:

<!DOCTYPE html>
<html id="XF" dir="RTL">
<head>
   <meta charset="utf-8" />
   <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
   <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
</head>
<body>
   <div>[TH] XLink</div>
</body>
</html>

At least I assume it's Chrome that's wrong. Certainly it looks more wrong but I'm certainly no RTL expert

Browser issue RTL add-on list titles

Lukas W.

Well-known member

Chris D

XenForo developer

Similar threads

We value your privacy