RTL为true时，ExtJS 5工具栏按钮不正确对齐

以前在我的ExtJS 4应用程序中，当我创建一个工具栏并将rtl设置为true时，与右侧对齐的工具栏按钮第一个是手形图标

现在，我已经尝试对ExtJS 5执行相同的操作，但实际情况是图标的顺序保持为LTR，尽管其定义为RTL：

这是我用来定义面板的代码：

Ext.define('GIS.view.Map', {
extend: 'GeoExt.MapPanel',
region: 'center',
xtype: 'map',
title: 'map',
rtl: true,
controller: 'mapcontroller',
map: map,
stateful: false,
border: true,
tbar: [
    {
        xtype: 'buttongroup',
        title: 'ניווט',
        enableOverflow: true,
        defaults: {
            scale: 'large',
            hideText: true
        },
        items: [
            {
                iconCls: 'pan48',
                handler: 'onPan'
            },
            {
                iconCls: 'zoomin48',                    
                handler: 'onZoomIn'
            },
            {
                iconCls: 'zoomout48',                    
                handler: 'onZoomOut'
            }
        ]
    }
],
initComponent: function () {
    this.callParent(arguments);
}

})

---

你知道为什么图标的内部顺序没有改变吗？

通过手动添加到css解决了这个问题：

.x-rtl {
    direction: rtl;
}