From aed1255866a32f36fb22f4a531bb894a6e074dc1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Joakim=20S=C3=B8rensen?= <joasoe@gmail.com>
Date: Thu, 3 Jun 2021 12:37:38 +0200
Subject: [PATCH] Scroll to top when selecting category (#18072)

---
 source/integrations/index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/source/integrations/index.html b/source/integrations/index.html
index 8ca9b2cd2b8..adfd32c4170 100644
--- a/source/integrations/index.html
+++ b/source/integrations/index.html
@@ -47,11 +47,11 @@ regenerate: false
       {%- for category in categories -%}
       {%- assign components_count = components | where: 'ha_category', category | size -%}
       {%- if category and category != 'Other' and components_count != 0 -%}
-      <a href='#{{ category | slugify }}' class="btn">{{ category }} ({{ components_count }})</a>
+      <a href='#{{ category | slugify }}' class="btn" onclick="document.querySelector('.page-content').scrollTop = 0">{{ category }} ({{ components_count }})</a>
       {%- endif -%}
       {%- endfor -%}
 
-      <a href='#other' class="btn">Other ({{ components | where: 'ha_category', 'Other' | size }})</a>
+      <a href='#other' class="btn" onclick="document.querySelector('.page-content').scrollTop = 0">Other ({{ components | where: 'ha_category', 'Other' | size }})</a>
     </div>
   </div>
   <div class="grid__item five-sixths lap-one-whole palm-one-whole">