Fix rendering visual when scroll is enabled. Fix scroll arrows not be…

…ing clicked

CHANGELOG.md

@@ -1,3 +1,6 @@
+## 2.5.7
+* Fix rendering visual when scroll is enabled. Fix scroll arrows not being clicked
+
 ## 2.5.6
 * Fix ignoring filters when "Force selection" is enabled. "Force selection" will automatically disable if filters select another period
 * Add labels toggle switches to allow users to customize which labels to show

package.json

@@ -1,6 +1,6 @@
 {
   "name": "powerbi-visuals-timeline",
-  "version": "2.5.6.0",
+  "version": "2.5.7.0",
   "description": "Timeline slicer is a graphical date range selector used as a filtering component in the report canvas",
   "repository": {
     "type": "git",
@@ -34,7 +34,7 @@
     "@types/d3-shape": "^3.1.6",
     "@types/jasmine": "^5.1.4",
     "@types/karma": "^6.3.8",
-    "@types/node": "^20.14.11",
+    "@types/node": "^20.14.12",
     "css-loader": "^7.1.2",
     "jasmine": "^5.2.0",
     "karma": "^6.4.3",
@@ -46,18 +46,18 @@
     "karma-webpack": "^5.0.1",
     "less": "^4.2.0",
     "less-loader": "^12.2.0",
-    "playwright-chromium": "^1.45.2",
+    "playwright-chromium": "^1.45.3",
     "powerbi-visuals-api": "~5.11.0",
     "powerbi-visuals-tools": "^5.5.1",
     "powerbi-visuals-utils-testutils": "^6.1.1",
     "style-loader": "^4.0.0",
     "ts-loader": "^9.5.1",
-    "typescript": "^5.5.3",
+    "typescript": "^5.5.4",
     "webpack": "^5.93.0"
   },
   "dependencies": {
-    "@typescript-eslint/eslint-plugin": "^7.16.1",
-    "@typescript-eslint/parser": "^7.16.1",
+    "@typescript-eslint/eslint-plugin": "^7.17.0",
+    "@typescript-eslint/parser": "^7.17.0",
     "d3-array": "^3.2.4",
     "d3-drag": "^3.0.0",
     "d3-selection": "^3.0.0",

pbiviz.json

@@ -1,10 +1,10 @@
 {
   "visual": {
     "name": "Timeline",
-    "displayName": "Timeline 2.5.6.0",
+    "displayName": "Timeline 2.5.7.0",
     "guid": "Timeline1447991079100",
     "visualClassName": "Timeline",
-    "version": "2.5.6.0",
+    "version": "2.5.7.0",
     "description": "Timeline slicer is a graphical date range selector used as a filtering component in the report canvas",
     "supportUrl": "https://community.powerbi.com",
     "gitHubUrl": "https://github.com/Microsoft/powerbi-visuals-timeline"

src/timeLine.ts

@@ -621,8 +621,7 @@ export class Timeline implements powerbiVisualsApi.extensibility.visual.IVisual
         this.headerSelection = this.headerWrapperSelection
             .append("svg")
             .attr("width", "100%")
-            .style("display", "block")
-            .style("position", "absolute");
+            .style("display", "block");
 
         this.mainSvgWrapperSelection = this.rootSelection
             .append("div")