Scrolling auto position issue in Edge was fixes (#43)

* Scrolling auto position issue in Edge was fixes

Author: EugeneElkin

CHANGELOG.md

@@ -1,3 +1,6 @@
+## 1.8.1
+* FIX: auto scrolling focus for selected period didn't work in Edge and broke the layout
+
 ## 1.8.0
 * Added localization for all supported languages
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "powerbi-visuals-timeline",
-  "version": "1.8.0",
+  "version": "1.8.1",
   "description": "Timeline slicer is a graphical date range selector used as a filtering component in the report canvas",
   "repository": {
     "type": "git",

pbiviz.json

@@ -4,7 +4,7 @@
     "displayName": "Timeline",
     "guid": "Timeline1447991079100",
     "visualClassName": "Timeline",
-    "version": "1.8.0",
+    "version": "1.8.1",
     "description": "Timeline slicer is a graphical date range selector used as a filtering component in the report canvas",
     "supportUrl": "http://community.powerbi.com",
     "gitHubUrl": "https://github.com/Microsoft/powerbi-visuals-timeline"

src/visual.ts

@@ -246,6 +246,14 @@ module powerbi.extensibility.visual {
         private localizationManager: ILocalizationManager;
         private horizontalAutoScrollingPositionOffset: number = 200;
 
+        private selectedGranulaPos: number = null;
+
+        private scrollAutoFocusFunc = (selectedGranulaPos: number) => {
+            if (selectedGranulaPos) {
+                (this.mainSvgWrapperSelection[0][0] as any).scrollLeft = selectedGranulaPos - this.horizontalAutoScrollingPositionOffset;
+            }
+        }
+
         /**
          * Changes the current granularity depending on the given granularity type
          * Separates the new granularity's date periods which contain the start/end selection
@@ -1130,6 +1138,8 @@ module powerbi.extensibility.visual {
                 timelineData,
                 timelineProperties.cellHeight,
                 timelineProperties.cellsYPosition);
+
+            this.scrollAutoFocusFunc(this.selectedGranulaPos);
         }
 
         private renderLabels(
@@ -1294,7 +1304,7 @@ module powerbi.extensibility.visual {
 
                 if (visSettings.scrollAutoAdjustment.show && isSelected && !singleCaseDone) {
                     const selectedGranulaPos: number = (cellSelection[0][index] as any).x.baseVal.value;
-                    (this.mainSvgWrapperSelection[0][0] as any).scrollTo(selectedGranulaPos - this.horizontalAutoScrollingPositionOffset, 0);
+                    this.selectedGranulaPos = selectedGranulaPos;
                     singleCaseDone = true;
                 }