Moving the resize callback inside if conditions to get reference obje…

…cts in _placeTooltip
usablica · Feb 23, 2016 · ca112bb · ca112bb
1 parent c8717b5
commit ca112bb
Showing 1 changed file with 25 additions and 13 deletions.
diff --git a/intro.js b/intro.js
@@ -833,6 +833,18 @@
         }
       }, 350);
 
+      //set proper position also on window resize for responsive sites
+      self._onResize = function () {
+          _setHelperLayerPosition.call(self, document.querySelector('.introjs-helperLayer'));
+          _setHelperLayerPosition.call(self, document.querySelector('.introjs-tooltipReferenceLayer'));
+          _placeTooltip.call(self, targetElement.element, oldtooltipContainer, oldArrowLayer, oldHelperNumberLayer);
+      }
+      if (window.addEventListener) {
+          window.addEventListener('resize', self._onResize, true);
+      } else if (document.attachEvent) {
+          document.attachEvent('onresize', self._onResize);
+      }
+
     } else {
       var helperLayer       = document.createElement('div'),
           referenceLayer    = document.createElement('div'),
@@ -969,23 +981,23 @@
         buttonsLayer.appendChild(nextTooltipButton);
       }
 
+      //set proper position also on window resize for responsive sites
+      self._onResize = function () {
+          _setHelperLayerPosition.call(self, document.querySelector('.introjs-helperLayer'));
+          _setHelperLayerPosition.call(self, document.querySelector('.introjs-tooltipReferenceLayer'));
+          _placeTooltip.call(self, targetElement.element, tooltipLayer, arrowLayer, helperNumberLayer);
+      }
+      if (window.addEventListener) {
+          window.addEventListener('resize', self._onResize, true);
+      } else if (document.attachEvent) {
+          document.attachEvent('onresize', self._onResize);
+      }
+
       tooltipLayer.appendChild(buttonsLayer);
       _placeTooltip.call(self, targetElement.element, tooltipLayer, arrowLayer, helperNumberLayer);
     }
 
-    //set proper position also on window resize for responsive sites
-    self._onResize = function () {
-        _setHelperLayerPosition.call(self, document.querySelector('.introjs-helperLayer'));
-        _setHelperLayerPosition.call(self, document.querySelector('.introjs-tooltipReferenceLayer'));
-        if (targetElement.element && tooltipLayer && arrowLayer) {
-            _placeTooltip.call(self, targetElement.element, tooltipLayer, arrowLayer, helperNumberLayer);
-        }
-    }
-    if (window.addEventListener) {
-        window.addEventListener('resize', self._onResize, true);
-    } else if (document.attachEvent) {
-        document.attachEvent('onresize', self._onResize);
-    }
+
 
     //disable interaction
     if (this._options.disableInteraction === true) {