Merge pull request #3844 from SashaRepin2/master

Fix(year dropdown options): Year dropdown scroll defaults to center of list
Hacker0x01 · Jan 30, 2023 · 90802d2 · 90802d2
2 parents 3ed38ac + 11deb7a
commit 90802d2
Showing 1 changed file with 13 additions and 2 deletions.
diff --git a/src/year_dropdown_options.jsx b/src/year_dropdown_options.jsx
@@ -55,9 +55,20 @@ export default class YearDropdownOptions extends React.Component {
 
   componentDidMount() {
     const dropdownCurrent = this.dropdownRef.current;
+
     if (dropdownCurrent) {
-      dropdownCurrent.scrollTop =
-        dropdownCurrent.scrollHeight / 2 - dropdownCurrent.clientHeight / 2;
+      // Get array from HTMLCollection
+      const dropdownCurrentChildren = dropdownCurrent.children
+        ? Array.from(dropdownCurrent.children)
+        : null;
+      const selectedYearOptionEl = dropdownCurrentChildren
+        ? dropdownCurrentChildren.find((childEl) => childEl.ariaSelected)
+        : null;
+
+      dropdownCurrent.scrollTop = selectedYearOptionEl
+        ? selectedYearOptionEl.offsetTop +
+          (selectedYearOptionEl.clientHeight - dropdownCurrent.clientHeight) / 2
+        : (dropdownCurrent.scrollHeight - dropdownCurrent.clientHeight) / 2;
     }
   }