'ReactJS Webapp - background changed after inputting

This is my background before I input something: before input

And after input: after input the background somehow changed unintentionally.

Here is my code:

<div
  style={{
    height: window.innerHeight,
    backgroundImage: `url(${mobileBackground})`,
    backgroundSize: "cover",
    backgroundPosition: `0% 0%`,
    backgroundRepeat: "no-repeat",
  }}
  className={`flex flex-col items-center ${styles.root}`}
>
...
</div>
cssreactjsmobileweb-applications


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions