DevExtreme React - position of $ character changes from end of string to start

Question

For some reason the “~!#%$$”:“ symbols appear in the start of the text property of CheckBox component even if I add them in the end of the string when rtlEnabled is on. I assume that the purpose of rtlEnabled is to switch positions of the checkbox and the label, not the composition of the string.

I've tried to track the problem but without any luck yet...

It can be reproduced easily from here

edit the code from the example like this

the result is this: &test, instead of test&

Found a solution:

adding:

.dx-checkbox-text {
    direction: ltr;
  }

is fixing the direction issue for the label/text of the checkbox. the dx-checkbox-text is inheriting the rtl from the parent or something similar I guess.