UI bouncing when I or chatGPT types

[Yodie98]

Anytime I type or chatGPT is responding, the entire screen bounces. Happens on desktop and mobile in pretty much all browsers.

selfhosted on unraid. Accessing via web server

[Supernova3339]

no issues for me on the desktop app

[Yodie98]

[inv-george-karsas]

having the same problem

[Kmasterrr]

Hi @Yodie98,

I managed to solve this by changing the ScrollIntoVew component behavior from "smooth" to "instant"

import { ReactNode } from "react";

export function ScrollIntoView({ children }: { children: ReactNode }) {
  return (
    <div
      ref={(node) => {
        if (!node) return;
        node.scrollIntoView({ behavior: "instant" });
      }}
    >
      {children}
    </div>
  );
}

[Eth030]

how can i fix this its unbareable

[inv-george-karsas]

hey @Eth030,

@Kmasterrr fix below solved it for me:

Hi @Yodie98,

I managed to solve this by changing the ScrollIntoVew component behavior from "smooth" to "instant"

import { ReactNode } from "react";

export function ScrollIntoView({ children }: { children: ReactNode }) {
  return (
    <div
      ref={(node) => {
        if (!node) return;
        node.scrollIntoView({ behavior: "instant" });
      }}
    >
      {children}
    </div>
  );
}

[cafecrema]

Same for me. Its also only in the web version. Please add this fix to the project!

[metinelitas]

Same for me for the web version

[NickBouwhuis]

I've been trying Chatpad UI for the last few months, same issue. On both the web and desktop app version.

[tvl83]

Same issue for me. It's quite annoying.