Fix(year dropdown options): Year dropdown scroll defaults to center o…

…f list
Hacker0x01 · Dec 3, 2022 · d7c2ce8 · d7c2ce8
1 parent 0edbe7c
commit d7c2ce8
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/src/year_dropdown_options.jsx b/src/year_dropdown_options.jsx
@@ -55,9 +55,18 @@ 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 dropdownCurrentChildrenArr = Array.from(dropdownCurrent.children);
+      const selectedYearOptionEl = dropdownCurrentChildrenArr.find(
+        (childEl) => childEl.ariaSelected
+      );
+
+      dropdownCurrent.scrollTop = selectedYearOptionEl
+        ? selectedYearOptionEl.offsetTop +
+          (selectedYearOptionEl.clientHeight - dropdownCurrent.clientHeight) / 2
+        : (dropdownCurrent.scrollHeight - dropdownCurrent.clientHeight) / 2;
     }
   }