From 5f230aa13b51d4b600d8641a6e3bf15b6103f9fa Mon Sep 17 00:00:00 2001
From: Jeremy Gayed <tizmagik@users.noreply.github.com>
Date: Tue, 10 Jan 2017 22:19:36 -0500
Subject: [PATCH 1/6] Update README.md

Fix display of HTML elements in README
---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 211de64..513d781 100644
--- a/README.md
+++ b/README.md
@@ -61,6 +61,6 @@ To automatically collect frame rates and compare it with the normal version
 ## Roadmap
 Here are the things that need to be done next. 
 
-- Add support for form elements like <input>, <select>, etc.
+- Add support for form elements like `<input>`, `<select>`, etc.
 - Support event utilities that enable things like autofocus, etc. 
 - Enable preventDefault() semantics in events. 

From d3ad4ba422d9a974497b6bf7277be35d6d701829 Mon Sep 17 00:00:00 2001
From: Dan Green <danon0404@gmail.com>
Date: Thu, 12 Jan 2017 04:04:12 +0700
Subject: [PATCH 2/6] preventDefault, stopPropagation

---
 src/worker/eventHandler.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/worker/eventHandler.js b/src/worker/eventHandler.js
index 97917d3..2a249f3 100644
--- a/src/worker/eventHandler.js
+++ b/src/worker/eventHandler.js
@@ -1,4 +1,4 @@
-import {OPS as _, WORKER_MESSAGES} from './../common/constants';
+import {OPS as _} from './../common/constants';
 import Bridge from './bridge';
 import Channel from './../common/channel';
 

From eb7607bcf497e049116ec420d5815f6dd44ca591 Mon Sep 17 00:00:00 2001
From: Dan Green <danon0404@gmail.com>
Date: Thu, 12 Jan 2017 04:05:52 +0700
Subject: [PATCH 3/6] readme upd

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 68b7443..34e8aa9 100644
--- a/README.md
+++ b/README.md
@@ -66,6 +66,6 @@ To automatically collect frame rates and compare it with the normal version
 ## Roadmap
 Here are the things that need to be done next.
 
+- ~~Enable preventDefault() semantics in events.~~
 - Add support for form elements like `<input>`, `<select>`, etc.
 - Support event utilities that enable things like autofocus, etc. 
-- Enable preventDefault() semantics in events. 

From 6da540a900797bbfed7f95724fcbae8358f12336 Mon Sep 17 00:00:00 2001
From: Dan Green <danon0404@gmail.com>
Date: Thu, 12 Jan 2017 04:44:27 +0700
Subject: [PATCH 4/6] exceptions

---
 src/page/Dom.js | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/page/Dom.js b/src/page/Dom.js
index 473d13f..2766f18 100644
--- a/src/page/Dom.js
+++ b/src/page/Dom.js
@@ -97,6 +97,7 @@ const DomOperations = {
             let resolver = null;
             const promise = new Promise(resolve => resolver = resolve);
             channel.send(WORKER_MESSAGES.event, { handler, event: Channel.serializeEvent(e) });
+            console.log(e.type);
             eventHandlers[Channel.lastSerializedEventGuid()] = [e, resolver];
             return promise;
         }), useCapture);
@@ -122,10 +123,21 @@ function setAttribute(node, key, value) {
 }
 
 // https://jsbin.com/yiwufaz/edit?js,output
+
+const exceptions = [
+    'keydown',
+    'mousedown',
+    'mouseup',
+    'mousemove',
+    'click'
+];
+
 function asyncify(cb) {
     return (event) => {
         if (!event.__CLONED__) {
-            event.preventDefault();
+            if (!exceptions.includes(event.type)) {
+                event.preventDefault();
+            }
             event.stopPropagation();
             const clonedEvent = cloneEvent(event);
             cb(clonedEvent).then(() => {

From ecc6554fc409fe970b8fdab78540308392004a4a Mon Sep 17 00:00:00 2001
From: Dan Green <danon0404@gmail.com>
Date: Thu, 12 Jan 2017 13:07:49 +0700
Subject: [PATCH 5/6] stopPropagation is turned off

---
 src/page/Dom.js | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/src/page/Dom.js b/src/page/Dom.js
index 2766f18..3d04fdc 100644
--- a/src/page/Dom.js
+++ b/src/page/Dom.js
@@ -97,7 +97,6 @@ const DomOperations = {
             let resolver = null;
             const promise = new Promise(resolve => resolver = resolve);
             channel.send(WORKER_MESSAGES.event, { handler, event: Channel.serializeEvent(e) });
-            console.log(e.type);
             eventHandlers[Channel.lastSerializedEventGuid()] = [e, resolver];
             return promise;
         }), useCapture);
@@ -125,11 +124,8 @@ function setAttribute(node, key, value) {
 // https://jsbin.com/yiwufaz/edit?js,output
 
 const exceptions = [
-    'keydown',
-    'mousedown',
-    'mouseup',
-    'mousemove',
-    'click'
+    'keydown'
+    // ...
 ];
 
 function asyncify(cb) {
@@ -138,7 +134,7 @@ function asyncify(cb) {
             if (!exceptions.includes(event.type)) {
                 event.preventDefault();
             }
-            event.stopPropagation();
+            // event.stopPropagation(); // doesn't need with react?
             const clonedEvent = cloneEvent(event);
             cb(clonedEvent).then(() => {
                 const { type, target, defaultPrevented } = clonedEvent;

From 6ff319221a73e1ad0773dbdad081ec2cd12b5aad Mon Sep 17 00:00:00 2001
From: Dan Green <danon0404@gmail.com>
Date: Thu, 12 Jan 2017 15:29:21 +0700
Subject: [PATCH 6/6] input and select support

---
 README.md                    |  2 +-
 src/page/Dom.js              |  9 ++++++++-
 src/worker/dom/DomElement.js | 13 ++++++-------
 src/worker/index.js          |  2 --
 4 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/README.md b/README.md
index 34e8aa9..d501463 100644
--- a/README.md
+++ b/README.md
@@ -67,5 +67,5 @@ To automatically collect frame rates and compare it with the normal version
 Here are the things that need to be done next.
 
 - ~~Enable preventDefault() semantics in events.~~
-- Add support for form elements like `<input>`, `<select>`, etc.
+- ~~Add support for form elements like `<input>`, `<select>`, etc.~~
 - Support event utilities that enable things like autofocus, etc. 
diff --git a/src/page/Dom.js b/src/page/Dom.js
index 3d04fdc..761f0a0 100644
--- a/src/page/Dom.js
+++ b/src/page/Dom.js
@@ -110,11 +110,18 @@ function setAttribute(node, key, value) {
                 node.style[prop] = value[prop];
             }
             break;
+        case 'value':
+            node.value = value;
+            break;
         case 'checked':
-            node.checked = !!value;
+            node.checked = Boolean(value);
+            break;
+        case 'selected':
+            node.selected = Boolean(value);
             break;
         case 'className':
             node.className = value;
+            break;
         default:
             node.setAttribute(key, value);
 
diff --git a/src/worker/dom/DomElement.js b/src/worker/dom/DomElement.js
index f89f71b..cde2b9a 100644
--- a/src/worker/dom/DomElement.js
+++ b/src/worker/dom/DomElement.js
@@ -16,10 +16,9 @@ class DomElement extends TreeNode {
 
         this.style = Style((key, val) => this._bridge.send(_.setStyle, this._guid, [key, val]));
         this.classList = new ClassList(this);
-
-        inputAttributes.forEach(prop => {
-            Object
-        });
+        if (type == 'select') {
+            this.options = this.children;
+        }
     }
 
     setAttribute(key, value) {
@@ -28,8 +27,8 @@ class DomElement extends TreeNode {
     }
 
     removeAttribute(key) {
-      delete this.attributes[key];
-      this._bridge.send(_.removeAttribute, this._guid, [key]);
+        delete this.attributes[key];
+        this._bridge.send(_.removeAttribute, this._guid, [key]);
     }
 
     addEventListener(eventType, callback, useCapture) {
@@ -58,7 +57,7 @@ class DomElement extends TreeNode {
     }
 }
 
-const inputAttributes = ["accept", "align", "alt", "autocomplete ", "autofocus ", "checked", "disabled", "form", "formaction ", "formenctype", "formmethod ", "formnovalidate ", "formtarget ", "height ", "list ", "max ", "maxlength", "min ", "multiple ", "name", "pattern ", "placeholder", "readonly", "required ", "size", "src", "step", "type", "value", "width"];
+const inputAttributes = ["accept", "align", "alt", "autocomplete ", "autofocus ", "checked", "disabled", "form", "formaction ", "formenctype", "formmethod ", "formnovalidate ", "formtarget ", "height ", "list ", "max ", "maxlength", "min ", "multiple ", "name", "pattern ", "placeholder", "readonly", "required ", "selected", "size", "src", "step", "type", "value", "width"];
 
 export default (tag) => {
     let element = new DomElement(tag);
diff --git a/src/worker/index.js b/src/worker/index.js
index 8345703..ab1ca5f 100644
--- a/src/worker/index.js
+++ b/src/worker/index.js
@@ -9,8 +9,6 @@ import Comment from './dom/Comment';
 
 import EventHandler from './eventHandler';
 
-let nodes = {};
-
 const Document = {
     nodeType: DOCUMENT_NODE,
     _guid: 'document',