Flickering while scrolling from bottom to top

Get Help
1

Hello Comminity,

I am getting flickering on lg tv( low foot print device ) and same is working fine on 4K TV.

 repositionWrapper(isUp = false) {
    const wrapper = this.tag("Wrapper");
    const contentW = this.tag("Home").h;
    const currentWrapperX = wrapper.transition("y").targetvalue || wrapper.y;
    const currentFocus = wrapper.children[this.index == 1 ? 0 : this.index];
    if (currentFocus) {
      const currentFocusX = currentFocus.y + currentWrapperX;
      const currentFocusOuterWidth = currentFocus.y + currentFocus.w;

      if (currentFocusX < 0) {
        wrapper.setSmooth(
          "y",
          isUp ? -(currentFocus.y - 100) : currentFocus.y,
          { duration: 2 }
        );
      } else if (currentFocusOuterWidth > contentW) {
        wrapper.setSmooth(
          "y",
          isUp
            ? contentW - currentFocusOuterWidth - 200
            : contentW - currentFocusOuterWidth,
          {
            duration: 2,
          }
        );
      }
    }
  }

I have my home screen setup like this
------------------------------------------------------
BANNER ( 720px ) [ List with row direction ]
------------------------------------------------------
RAIL 1 ( 225 px  Height ) [ List with row direction ]

RAIL 2 ( 225px Height )  [ List with row direction ]

RAIL 3 ( 365 px  Height ) [ List with row direction ]

RAIL 3 ( 225 px  Height ) [ List with row direction ]

RAIL 4 ( 365 px  Height ) [ List with row direction ]

RAIL 5 ( 225 px  Height ) [ List with row direction ]

RAIL 6 ( 365 px  Height )

Default focus will be on Rail1 .
When we scroll from Rail1 to Rail 6 it is going well.
But when we scroll from bottom and when it reaches to Rail1 then sudden flicker will come and then banner getting loaded.

Any suggestions appreciated.

2

@kisstronics, can you share how you managed to handle vertical focus events for all rails?