fix getBoundingClientRect result (#116)

* fix getBoundingClientRect result

* add type alias for DOMRect

* add semi

Author: safareli

src/DOM/HTML/HTMLElement.js

@@ -210,7 +210,15 @@ exports.setSpellcheck = function (spellcheck) {
 
 exports.getBoundingClientRect = function (el) {
   return function () {
-    return el.getBoundingClientRect();
+    var rect = el.getBoundingClientRect();
+    return {
+      top: rect.top,
+      right: rect.right,
+      bottom: rect.bottom,
+      left: rect.left,
+      width: rect.width,
+      height: rect.height
+    };
   };
 };
 

src/DOM/HTML/HTMLElement.purs

@@ -23,6 +23,7 @@ module DOM.HTML.HTMLElement
   , focus
   , blur
   , getBoundingClientRect
+  , DOMRect
   , offsetParent
   , offsetTop
   , offsetLeft
@@ -73,18 +74,16 @@ foreign import click :: forall eff. HTMLElement -> Eff (dom :: DOM | eff) Unit
 foreign import focus :: forall eff. HTMLElement -> Eff (dom :: DOM | eff) Unit
 foreign import blur :: forall eff. HTMLElement -> Eff (dom :: DOM | eff) Unit
 
-foreign import getBoundingClientRect
-  :: forall eff
-   . HTMLElement
-  -> Eff
-      (dom :: DOM | eff)
-      { left :: Number
-      , top :: Number
-      , right :: Number
-      , bottom :: Number
-      , width :: Number
-      , height :: Number
-      }
+type DOMRect =
+  { top :: Number
+  , right :: Number
+  , bottom :: Number
+  , left :: Number
+  , width :: Number
+  , height :: Number
+  }
+
+foreign import getBoundingClientRect :: forall eff . HTMLElement -> Eff (dom :: DOM | eff) DOMRect
 
 foreign import _offsetParent :: forall eff. HTMLElement -> Eff (dom :: DOM | eff) (Nullable Element)