minor

2-ui/2-events/02-bubbling-and-capturing/article.md

@@ -5,7 +5,7 @@ Let's start with an example.
 This handler is assigned to `<div>`, but also runs if you click any nested tag like `<em>` or `<code>`:
 
 ```html autorun height=60
-<div onclick="alert('The handler !')">
+<div onclick="alert('The handler!')">
   <em>If you click on <code>EM</code>, the handler on <code>DIV</code> runs.</em>
 </div>
 ```

2-ui/2-events/02-bubbling-and-capturing/bubble-target.view/script.js

@@ -2,7 +2,9 @@
 form.onclick = function(event) {
   event.target.style.backgroundColor = 'yellow';
 
-  alert("target = " + event.target.tagName + ", this=" + this.tagName);
-
-  event.target.style.backgroundColor = '';
+  // chrome needs some time to paint yellow
+  setTimeout(() => {
+    alert("target = " + event.target.tagName + ", this=" + this.tagName);
+    event.target.style.backgroundColor = ''
+  }, 0);
 };