From 17f3fce2e75a1cfedd9e1782616c70c01d59ab2b Mon Sep 17 00:00:00 2001
From: priyamanalil <priyamanalil@users.noreply.github.com>
Date: Wed, 16 Mar 2022 23:49:05 +0100
Subject: [PATCH] Scroll the selected image to view in Gallery (#3530)
---
src/components/GalleryViewThumbnail.js | 10 ++++++++++
1 file changed, 10 insertions(+)
diff --git a/src/components/GalleryViewThumbnail.js b/src/components/GalleryViewThumbnail.js
index 80ae8e127..acfe18aae 100644
--- a/src/components/GalleryViewThumbnail.js
+++ b/src/components/GalleryViewThumbnail.js
@@ -19,6 +19,7 @@ export class GalleryViewThumbnail extends Component {
constructor(props) {
super(props);
+ this.myRef = React.createRef();
this.state = { requestedAnnotations: false };
this.handleSelect = this.handleSelect.bind(this);
@@ -26,6 +27,14 @@ export class GalleryViewThumbnail extends Component {
this.handleIntersection = this.handleIntersection.bind(this);
}
+ // eslint-disable-next-line require-jsdoc
+ componentDidMount() {
+ const { selected } = this.props;
+ if (selected) {
+ this.myRef.current?.scrollIntoView(true);
+ }
+ }
+
/** @private */
handleSelect() {
const {
@@ -112,6 +121,7 @@ export class GalleryViewThumbnail extends Component {
}
onClick={this.handleSelect}
onKeyUp={this.handleKey}
+ ref={this.myRef}
role="button"
tabIndex={0}
>
--
GitLab