jbrowse-plugin-protein3d 0.5.1 → 0.5.2

package/dist/ProteinView/components/ProteinAlignment.js

@@ -27,6 +27,7 @@ function GutterLabel({ label, title, height, }) {
 const ProteinAlignment = observer(function ProteinAlignment({ model, }) {
     const { pairwiseAlignment, showHighlight, showProteinTracks, uniprotId, confidenceCells, hydrophobicityCells, } = model;
     const containerRef = useRef(null);
+    const scrolledToSelectionRef = useRef(false);
     const { data: featureData, isLoading: featureLoading, error: featureError, } = useProteinFeatureTrackData(model, uniprotId);
     useEffect(() => autorun(() => {
         const container = containerRef.current;
@@ -40,6 +41,19 @@ const ProteinAlignment = observer(function ProteinAlignment({ model, }) {
             });
         }
     }), [model]);
+    // Scroll the persistent selection into view once it first resolves, so a
+    // declarative `initialSelection` (or any off-screen selection) shows its
+    // highlight band instead of opening scrolled to the N-terminus. Guarded to
+    // fire once, so it doesn't fight the user's own scrolling afterward.
+    useEffect(() => autorun(() => {
+        const container = containerRef.current;
+        const range = model.clickAlignmentRange;
+        if (container && range && !scrolledToSelectionRef.current) {
+            scrolledToSelectionRef.current = true;
+            const mid = ((range.start + range.end) / 2) * CHAR_WIDTH;
+            container.scrollTo({ left: mid - container.clientWidth / 2 });
+        }
+    }), [model]);
     if (!pairwiseAlignment) {
         return React.createElement("div", null, "No pairwiseAlignment");
     }