Scroll the selected image to view in Gallery (#3530)

Author: priyamanalil

src/components/GalleryViewThumbnail.js

@@ -19,13 +19,22 @@ export class GalleryViewThumbnail extends Component {
   constructor(props) {
     super(props);
 
+    this.myRef = React.createRef();
     this.state = { requestedAnnotations: false };
 
     this.handleSelect = this.handleSelect.bind(this);
     this.handleKey = this.handleKey.bind(this);
     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}
         >