Css ExtJs默认对齐是正确的

我正在Extjs中创建一个示例，默认情况下，所有元素都是从右对齐的。 我的代码

Ext.define('DemoApp.view.main.Main', {
    extend: 'Ext.container.Container',
    plugins: 'viewport',
    fullscreen: true,
    requires: [
        'DemoApp.view.main.MainController',
        'DemoApp.view.main.MainModel',
        'Ext.menu.',
        'Ext.rtl.'
    ],
    rtl: true,
    xtype: 'app-main',

    controller: 'main',
    items:[{
        xtype: 'toolbar',
        items:[{
            xtype: 'button',
            text: 'Home',
            margin: '0,0,0,0',
            height: '80'
        },{
            xtype: 'button',
            text: 'Resellers',
            margin: '0,0,0,0',
            height: '80'
        },{
            xtype: 'button',
            text: 'Organizations',
            margin: '0,0,0,0',
        },{
            xtype: 'button',
            text: 'Groups',
            margin: '0,0,0,0'
        },{
            xtype: 'button',
            text: 'Users',
            margin: '0,0,0,0'
        },{
            xtype: 'button',
            text: 'Surveys',
            margin: '0,0,0,0'
        },{
            xtype: 'button',
            text: 'Alerts',
            margin: '0,0,0,0'
        },{

            xtype: 'button',
            text: 'Settings',
            margin: '0,0,0,0'
        }]
    }]
});

在我看来，同样的问题。 在登录视图中，错误消息显示在右角，而as textfield显示在左角。

---

我无法找出原因是什么？

如果您可以发布一个运行代码的工作文件，这会更容易得到帮助。这不是rtl从右到左功能应该做的吗？是的@Scriptable您是对的，如果OP可以省略rtl或将rtl更改为false，应该可以。