Fixed RTL languages messing up CSS rules

[Arty]

There is a problem with using some CSS rules with RTL language.

For example, adding this to style property

box-shadow: none !important;

works correctly with English language, but when viewing same page with Arabic language (no template changes, no add-ons) CSS output shows this

box-shadow: -none !important;

 

[Arty]

@saad717 temporary fix for issue:

Open library/XenForo/Template/Helper/RightToLeft.php, find

  public static function handleBoxShadow(array $regexMatch)
   {

and add after it

    if (preg_match('/^(\-?[a-z]+)/', $regexMatch[2]))
     {
       $value = $regexMatch[2];
     }
     else

 

[Kier]

Investigating...

 

[Kier]

Fixed now.

 

[Arty]

That fix won't work if number starts with dot: box-shadow: .5em ....etc

 

[Mike]

The actual fix is a bit different, but fair point.