From 2abfa623f01abbd4174faeec7b8887c1590b9d9f Mon Sep 17 00:00:00 2001
From: Jean-Baptiste Bellet <jb.bellet@gmail.com>
Date: Wed, 16 Aug 2023 15:18:01 +0200
Subject: [PATCH] Once products start loading, scroll higher, ie. just above
 filters

can see the loading spinner then
---
 app/webpacker/controllers/products_controller.js | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/app/webpacker/controllers/products_controller.js b/app/webpacker/controllers/products_controller.js
index 1fc48d5f3af..c8a1dc69637 100644
--- a/app/webpacker/controllers/products_controller.js
+++ b/app/webpacker/controllers/products_controller.js
@@ -11,6 +11,7 @@ export default class extends ApplicationController {
 
   beforeReflex() {
     this.showLoading();
+    this.scrollToElement();
   }
 
   afterReflex() {
@@ -29,6 +30,10 @@ export default class extends ApplicationController {
     }
   };
 
+  scrollToElement = () => {
+    this.element.scrollIntoView();
+  };
+
   getLoadingController = () => {
     return (this.loadingController ||= this.application.getControllerForElementAndIdentifier(
       this.loadingTarget,