sidebar-inner not horizontal responsive

[Lennie132]

I noticed that if my div is on its 'static' location, it does resize like it shoud. But when it is in sticky position, it stays the same size on resize.

In your code I noticed that it can't resize because in calcDimensions(), it always uses it's own inner width. dims.sidebarWidth = this.sidebarInner.offsetWidth; // OLD

An easy fix is to not use it's sidebarInner width, but it's sidebar width.

dims.sidebarWidth = this.sidebar.offsetWidth; // NEW/FIX

  /**
       * Calculates dimensions of sidebar, container and screen viewpoint
       * @public
       */
      calcDimensions(){
        if( this._breakpoint ) return;
        var dims = this.dimensions;

        // Container of sticky sidebar dimensions.
        dims.containerTop    = StickySidebar.offsetRelative(this.container).top;
        dims.containerHeight = this.container.clientHeight;
        dims.containerBottom = dims.containerTop + dims.containerHeight;

        // Sidebar dimensions.
        dims.sidebarHeight = this.sidebarInner.offsetHeight;
        dims.sidebarWidth  = this.sidebar.offsetWidth; // NEW
        dims.sidebarWidth  = this.sidebarInner.offsetWidth; // OLD

        // Screen viewport dimensions.
        dims.viewportHeight = window.innerHeight;

        // Maximum sidebar translate Y.
        dims.maxTranslateY = dims.containerHeight - dims.sidebarHeight;

        this._calcDimensionsWithScroll();
      }

[erichomanchuk]

Definitely need this fix. Tried it out works great.

[pcbliss]

Perfect. I needed this fix as well