Add some scrolling to the Thumbnail bar.

builds/4chan-X.user.js

@@ -6665,11 +6665,14 @@
         return cb();
       },
       open: function(e) {
-        var el, img, name, nodes;
+        var el, img, name, nodes, rect, top;
 
         if (e) {
           e.preventDefault();
         }
+        if (!this) {
+          return;
+        }
         nodes = Gallery.nodes;
         name = nodes.name;
         if (el = $('.gal-highlight', Gallery.thumbs)) {
@@ -6685,7 +6688,16 @@
         nodes.count.textContent = +this.dataset.id + 1;
         nodes.current = img;
         nodes.frame.scrollTop = 0;
-        return nodes.current.focus();
+        nodes.current.focus();
+        rect = this.getBoundingClientRect();
+        top = rect.top;
+        if (top > 0) {
+          top += rect.height - doc.clientHeight;
+          if (top < 0) {
+            return;
+          }
+        }
+        return nodes.thumbs.scrollTop += top;
       },
       image: function(e) {
         e.preventDefault();

builds/crx/script.js

@@ -6650,11 +6650,14 @@
         return cb();
       },
       open: function(e) {
-        var el, img, name, nodes;
+        var el, img, name, nodes, rect, top;
 
         if (e) {
           e.preventDefault();
         }
+        if (!this) {
+          return;
+        }
         nodes = Gallery.nodes;
         name = nodes.name;
         if (el = $('.gal-highlight', Gallery.thumbs)) {
@@ -6670,7 +6673,16 @@
         nodes.count.textContent = +this.dataset.id + 1;
         nodes.current = img;
         nodes.frame.scrollTop = 0;
-        return nodes.current.focus();
+        nodes.current.focus();
+        rect = this.getBoundingClientRect();
+        top = rect.top;
+        if (top > 0) {
+          top += rect.height - doc.clientHeight;
+          if (top < 0) {
+            return;
+          }
+        }
+        return nodes.thumbs.scrollTop += top;
       },
       image: function(e) {
         e.preventDefault();

src/Images/Gallery.coffee

@@ -138,6 +138,8 @@ Gallery =
 
     open: (e) ->
       e.preventDefault() if e
+      return unless @
+
       {nodes} = Gallery
       {name}  = nodes
 
@@ -155,6 +157,15 @@ Gallery =
       nodes.frame.scrollTop = 0
       nodes.current.focus()
 
+      # Scroll
+      rect  = @getBoundingClientRect()
+      {top} = rect
+      if top > 0
+        top += rect.height - doc.clientHeight
+        return if top < 0
+
+      nodes.thumbs.scrollTop += top
+
     image: (e) ->
       e.preventDefault()
       e.stopPropagation()