make sure both input views are bound and scroll together.

Author: Justin Martin

js/main.js

@@ -175,11 +175,13 @@
   var rightInputView = new JsonInputView(document.getElementById('json-diff-right'));
   leftInputView.on('change', compareJson);
   rightInputView.on('change', compareJson);
-  leftInputView.on('scroll', function () {
-
+  leftInputView.codemirror.on('scroll', function () {
+    var scrollInfo = leftInputView.codemirror.getScrollInfo();
+    rightInputView.codemirror.scrollTo(scrollInfo.left, scrollInfo.top);
   });
-  rightInputView.on('scroll', function () {
-
+  rightInputView.codemirror.on('scroll', function () {
+    var scrollInfo = rightInputView.codemirror.getScrollInfo();
+    leftInputView.codemirror.scrollTo(scrollInfo.left, scrollInfo.top);
   });
 
   function compareJson() {

tests.js

@@ -1,3 +1,33 @@
+{
+  "data": [{
+    "type": "articles",
+    "id": "1",
+    "attributes": {
+      "title": "JSON API paints my bikeshed!",
+      "body": "The shortest article. Ever.",
+      "created": "2015-05-22T14:56:29.000Z",
+      "updated": "2015-05-22T14:56:28.000Z"
+    },
+    "relationships": {
+      "author": {
+        "data": {"id": "42", "type": "people"}
+      }
+    }
+  }],
+  "included": [
+    {
+      "type": "people",
+      "id": "42",
+      "attributes": {
+        "name": "John",
+        "age": 80,
+        "gender": "male"
+      }
+    }
+  ]
+}
+
+
 {
   "glossary": {
     "title": "example glossary",