Skip to content Skip to sidebar Skip to footer

Rtl Horizontal Scrollbar Problem In Extjs In Chrome

I have extjs project. when I use LTR Mode OR use FirFox scroll bar work well. but when I use Chrome, scrollbar after load data goes to left side instead of right side. My Code For

Solution 1:

I wasn't able to completely resolve this Issue, but this code Helped a little

Ext.define("overrides.Ext.scroll.Scroller", {
override: "Ext.scroll.Scroller",
privates: {
    updateDomScrollPosition: function (silent) {
        var me = this,
            position = me.position,
            oldX = position.x,
            oldY = position.y,
            x, y, xDelta, yDelta;

        me.readPosition(position);

        x = position.x;
        y = position.y;

        me.positionDirty = false;

        if (!silent) {
            xDelta = x - oldX;
            yDelta = y - oldY;

            // If we already know about the position. then we've been coerced there by a partner
            // and that will have been firing our event sequence synchronously, so they do not
            // not need to be fire in response to the ensuing scroll event.
            if (xDelta || yDelta) {
                if (x !== oldX && x !== xDelta) {
                    if (!me.isScrolling) {
                        me.isScrolling = Ext.isScrolling = true;
                        me.fireScrollStart(x, y, xDelta, yDelta);
                    }
                    me.fireScroll(x, y, xDelta, yDelta);
                    me.onDomScrollEnd(x, y, xDelta, yDelta);
                }
            }
        }

        return position;
    },

    onPartnerScroll: function (partner, x, y, xDelta, yDelta) {
        if (x !== xDelta) {
            this.doScrollTo(x, y, false);

        // Update the known scroll position so that when it reacts to its DOM,
        // it will not register a change and so will not invoke partners.
        // All scroll intentions are propagated synchronously.
        // The ensuing multiple scroll events are then ignored.
        this.updateDomScrollPosition(true);
        // Pass the signal on immediately to all partners.
            this.fireScroll(x, y, xDelta, yDelta);
        }
    },
}

});

Post a Comment for "Rtl Horizontal Scrollbar Problem In Extjs In Chrome"