@fluid-topics/ft-search-results 1.1.102 → 1.1.103

package/build/ft-search-results.d.ts

@@ -18,6 +18,7 @@ export declare class FtSearchResults extends FtSearchResults_base implements FtS
     constructor();
     protected render(): unknown;
     protected update(props: PropertyValues): void;
+    protected contentAvailableCallback(props: PropertyValues): void;
     private onClusterChange;
     private buildClusters;
     private buildFullClusters;

package/build/ft-search-results.js

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { html } from "lit";
 import { repeat } from "lit/directives/repeat.js";
 import { property } from "lit/decorators.js";
-import { jsonProperty, redux } from "@fluid-topics/ft-wc-utils";
+import { jsonProperty, redux, scrollHelper, } from "@fluid-topics/ft-wc-utils";
 import { styles } from "./ft-search-results.styles";
 import { FtSearchComponent } from "@fluid-topics/ft-search-context/build/registration";
 import "@fluid-topics/ft-search-result-context";
@@ -52,6 +52,16 @@ class FtSearchResults extends withI18n(FtSearchComponent) {
             (_a = this.stateManager) === null || _a === void 0 ? void 0 : _a.setClusterSortCriterion(this.clusterSortCriterion);
         }
     }
+    contentAvailableCallback(props) {
+        var _a;
+        super.contentAvailableCallback(props);
+        if (props.has("request")) {
+            const target = (_a = this.renderRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`ft-search-result-context`);
+            if (target) {
+                scrollHelper.scrollIntoViewIfPossible(target, { position: 1, behavior: "smooth" });
+            }
+        }
+    }
     onClusterChange(clusterId, result) {
         this.selectedResultByCluster[clusterId] = result;
     }