From 6a86af8bb3bfd39e95c7dc6d0b3a22b3530b1a2a Mon Sep 17 00:00:00 2001
From: CustomButtons <veikaboff@gmail.com>
Date: Sun, 12 Jul 2015 13:45:55 +0500
Subject: [PATCH] Auto scroll console text fixed

---
 .../2-events-and-timing-depth/article.md                    | 6 +++---
 .../mouseenter-mouseleave-delegation.view/script.js         | 2 ++
 .../mouseoverout.view/script.js                             | 2 +-
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/2-ui/2-events-and-interfaces/2-events-and-timing-depth/article.md b/2-ui/2-events-and-interfaces/2-events-and-timing-depth/article.md
index 4c01ab74..abee7371 100644
--- a/2-ui/2-events-and-interfaces/2-events-and-timing-depth/article.md
+++ b/2-ui/2-events-and-interfaces/2-events-and-timing-depth/article.md
@@ -55,9 +55,9 @@
 </textarea>
 
 <script>
-  area.onmousedown = function(e) { this.value += "mousedown\n"; this.scrollTop = 1e9; };
-  area.onmouseup = function(e) { this.value += "mouseup\n"; this.scrollTop = 1e9; };
-  area.onclick = function(e) { this.value += "click\n"; this.scrollTop = 1e9; };
+  area.onmousedown = function(e) { this.value += "mousedown\n"; this.scrollTop = this.scrollHeight; };
+  area.onmouseup = function(e) { this.value += "mouseup\n"; this.scrollTop = this.scrollHeight; };
+  area.onclick = function(e) { this.value += "click\n"; this.scrollTop = this.scrollHeight; };
 </script>
 ```
 [/online]
diff --git a/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseenter-mouseleave-delegation.view/script.js b/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseenter-mouseleave-delegation.view/script.js
index 275a9ef2..f0fa2d35 100755
--- a/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseenter-mouseleave-delegation.view/script.js
+++ b/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseenter-mouseleave-delegation.view/script.js
@@ -2,10 +2,12 @@ table.onmouseover = function(event) {
   var target = event.target;
   target.style.background = 'pink';
   text.value += "mouseover " + target.tagName + "\n";
+  text.scrollTop = text.scrollHeight;
 };
 
 table.onmouseout = function(event) {
   var target = event.target;
   target.style.background = '';
   text.value += "mouseout " + target.tagName + "\n";
+  text.scrollTop = text.scrollHeight;
 };
\ No newline at end of file
diff --git a/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseoverout.view/script.js b/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseoverout.view/script.js
index 001f0b2a..a49bac0c 100755
--- a/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseoverout.view/script.js
+++ b/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseoverout.view/script.js
@@ -10,7 +10,7 @@ function handler(event) {
   log.value += event.type + ': ' +
     'target=' + str(event.target) +
     ', relatedTarget=' + str(event.relatedTarget) + "\n";
-  log.scrollTop = 1e9;
+  log.scrollTop = log.scrollHeight;
 
   if (event.type == 'mouseover') {
     event.target.style.background = 'pink'