property "background" is not working with hex color with opacity

[jieweizheng]

input:

.a {
    background: #00000080
}

expecting:

[dir="rtl"] .a {
    background: #00000080
}

but getting:

[dir="rtl"] .a {
    background: #000000right 80 top 50%
}

result from playground:

[elchininet]

Hi @jieweizheng,

Two things:

1. That rule should not be modified because it doesn't contain any declaration that should be flipped. So, the only way that you should expect that rule to be prefixed is if you use the safeBothPrefix option.

2. You should report your issue in the RTLCSS repo (which postcss-rtlcss uses behind the scenes). Insert that rule in the playground and check the result.

If you want to ignore that for now, just add an ignore directive before the rule:

/*rtl:ignore*/
.a {
    background: #00000080;
}

Regards

[elchininet]

Hi @jieweizheng, It is just to update you that the version 5.3.1 contains the last RTLCSS version which fixes your issue. The Playground is updated with the last version.