fixed offsetX issue in slider

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-bootstrap-closure",
-  "version": "0.0.2",
+  "version": "0.0.3",
 
   "author": "Nicholas Albion",
   "description": "Bootstrap UI components for AngularJS apps using Closure Compiler, no jQuery dependencies",

src/js/directives/slider.js

@@ -3,6 +3,8 @@
  */
 goog.provide('abc.sliderModule');
 
+goog.require('abc.utils');
+
 /**
  * As per the <a href="https://developer.mozilla.org/en/docs/Web/HTML/Element/Input">HTML5 &lt;input type="range"></a>
  * control, defaults to:
@@ -157,7 +159,7 @@ abc.SliderCtrl = function ($scope, $attrs, $window, $timeout) {
 
         var value,
             x = event.touches ? event.touches[0].clientX : event.clientX,
-            left = _sliderElement.offsetLeft,
+            left = abc.utils.offsetX(_sliderElement), //.offsetLeft,
             _handleHalfWidth = _handle[0].offsetWidth / 2,
             sliderWidth = _sliderElement.offsetWidth;
 

src/js/utils.js

@@ -0,0 +1,18 @@
+goog.provide('abc.utils');
+
+/**
+ * @param {HTMLElement} element
+ * @returns {number} pixels from the left of the page
+ */
+abc.utils.offsetX = function (element) {
+    //try {return elm.offset();} catch(e) {}
+    //element = elmement[0];
+    var _x = 0;
+    //var _y = 0;
+    var body = document.documentElement || document.body;
+    var scrollX = window.pageXOffset || body.scrollLeft;
+    //var scrollY = window.pageYOffset || body.scrollTop;
+    return element.getBoundingClientRect().left + scrollX;
+    //_y = rawDom.getBoundingClientRect().top + scrollY;
+    //return { left: _x, top:_y };
+};