Столкнулся со странной проблемой с плавающими кнопками. На самом деле, когда я создаю кнопку, а затем перемещаю ее туда с помощью функции setPosition, появляется нижняя граница.

Дополнительные пояснения:

У меня есть интерфейс для планшета с большим количеством кнопок, некоторые из них статичны, а некоторые плавают.

Статические кнопки создаются так, как в представлении:

{
    xtype: 'button',
    scale: 'large',
    height: 60,
    width: 60,
    margin: 10,
    ui: 'lstbuttonclrounded-red',
    cls: 'x-btn-action',
    iconCls: 'x-fa fa-arrow-left'
}

И они отображаются так:

Плавающие кнопки создаются так, как в представлении:

{
    xtype: 'panel',
    [...]
    listeners: {
        afterrender: { 
            fn: function(){
                var obj = Ext.create({
                    xtype: 'button',
                    width: 60,
                    height: 60,
                    ui: 'lstbuttonclrounded',
                    iconCls: 'x-fa fa-floppy-o',
                    scale: 'large',
                    scope: this.getController(),
                    floating: true,
                    renderTo: this.body
                });

                this.saveBtn = this.add(obj);

                obj.setPosition(0, 0);
            }
        }
    }
}

После этого в контроллере есть такое позиционирование:

this.saveBtn.setPosition(this.getWidth()-70, this.getHeight() - 105);

И они отображаются так:

Вот где появляется странная граница...

Используемые пользовательские интерфейсы такие же, только цвет меняется.

Была ли у вас когда-нибудь подобная проблема, и если да, то решили ли вы ее и как?

Большое спасибо за то, что читаете меня и за то, что нашли время, чтобы ответить мне.