DevExtreme React：启用rtlEnabled时CheckBox文本符号位置异常问题

问题现象 #

• 启用rtlEnabled后，CheckBox组件text属性中的特殊符号（如~!#%$$、&等）会出现在文本开头，即便这些符号原本是添加在字符串末尾的
• rtlEnabled的设计预期仅为切换复选框与标签的位置，而非改变字符串自身的结构

复现场景 #

在CheckBox示例中开启RTL模式，当设置text为test&时，实际显示结果为&test

原因推测 #

dx-checkbox-text元素继承了父元素的RTL布局属性，导致文本内部的字符排序被RTL排版规则影响

解决方案 #

添加以下CSS样式，强制复选框文本使用LTR方向：

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

内容的提问来源于stack exchange，提问作者Zhivko Nikolov