fix timenav height computation to avoid labels clipping.

Author: JoeGermuska

CHANGELOG.md

@@ -1,3 +1,8 @@
+3.9.6 (2025-01-10)
+-------------------------
+* Change initial computation of component heights to address axis labels overflowing 
+
+
 3.9.5 (2024-12-13)
 -------------------------
 * Recognize x.com in URL to trigger tweet embeds

package.json

@@ -1,6 +1,6 @@
 {
     "name": "@knight-lab/timelinejs",
-    "version": "3.9.5",
+    "version": "3.9.6",
     "license": "MPL-2.0",
     "description": "TimelineJS v3: A Storytelling Timeline built in JavaScript, made by Northwestern University Knight Lab.",
     "dependencies": {

src/js/timeline/Timeline.js

@@ -458,7 +458,9 @@ class Timeline {
 
 
         // Update Display
-        this._updateDisplay(this._timenav.options.height, true, 2000);
+        // don't pass the height, since it gets computed 
+        // and passing it leads to accidental duplicate adjustments
+        this._updateDisplay() // this._timenav.options.height, true, 2000);
 
     }
 
@@ -695,7 +697,9 @@ class Timeline {
 
         var height = 0;
 
-        if (timenav_height) {
+        if (false) { 
+            // was if (timenav_height) but that led to repetitive application
+            // of the padding adjustment at the en
             height = timenav_height;
         } else {
             if (this.options.timenav_height_percentage || timenav_height_percentage) {