Enable Try Dart to run on IE11.

site/try/src/interaction_manager.dart

Index: site/try/src/interaction_manager.dart
===================================================================
--- site/try/src/interaction_manager.dart	(revision 39366)
+++ site/try/src/interaction_manager.dart	(working copy)
@@ -21,6 +21,8 @@
 import 'dart:collection' show
     Queue;
 
+import 'dart:js' as hack;
+
 import 'package:compiler/implementation/scanner/scannerlib.dart' show
     BeginGroupToken,
     EOF_TOKEN,
@@ -82,7 +84,8 @@
 import 'shadow_root.dart' show
     getShadowRoot,
     getText,
-    setShadowRoot;
+    setShadowRoot,
+    containsNode;
 
 import 'iframe_error_handler.dart' show
     ErrorMessage;
@@ -459,7 +462,7 @@
         state = previousLine.getAttribute('dart-state');
       }
 
-      node.parent.insertAllBefore(
+      node.parentNode.insertAllBefore(
           createHighlightedNodes(trySelection, currentText, state),
           node);
       node.remove();
@@ -476,7 +479,7 @@
           ..addAll(nodes);
     }
 
-    if (mainEditorPane.contains(trySelection.anchorNode)) {
+    if (containsNode(mainEditorPane, trySelection.anchorNode)) {
       // Sometimes the anchor node is removed by the above call. This has
       // only been observed in Firefox, and is hard to reproduce.
       trySelection.adjust(selection);
@@ -1217,7 +1220,7 @@
                              TrySelection selection,
                              Set<Node> normalizedNodes) {
   for (Node node in record.addedNodes) {
-    if (node.parent == null) continue;
+    if (node.parentNode == null) continue;
     normalizedNodes.add(findLine(node));
     if (node is Text) continue;
     StringBuffer buffer = new StringBuffer();
@@ -1238,7 +1241,7 @@
     }
     normalizedNodes.add(line);
   }
-  if (record.type == "characterData" && record.target.parent != null) {
+  if (record.type == "characterData" && record.target.parentNode != null) {
     // At least Firefox sends a "characterData" record whose target is the
     // deleted text node. It also sends a record where "removedNodes" isn't
     // empty whose target is the parent (which we are interested in).
@@ -1250,7 +1253,7 @@
 // If no such parent exists, return mainEditorPane if it is a parent.
 // Otherwise return [node].
 Node findLine(Node node) {
-  for (Node n = node; n != null; n = n.parent) {
+  for (Node n = node; n != null; n = n.parentNode) {
     if (n is Element && n.classes.contains('lineNumber')) return n;
     if (n == mainEditorPane) return n;
   }
@@ -1268,7 +1271,7 @@
   Node line = findLine(text);
   return
       line.nextNode == null &&
-      text.parent.nextNode == null &&
+      text.parentNode.nextNode == null &&
       offset == text.length;
 }
 
@@ -1307,11 +1310,18 @@
     // Safari can also reach this code, but the offset isn't wrong, just
     // inconsistent.  After moving the cursor back and forth, Safari will make
     // the offset relative to a text node.
-    selection
-        ..modify('move', 'backward', 'character')
-        ..modify('move', 'forward', 'character');
-    print('Selection adjusted $node@$offset -> '
-          '${selection.anchorNode}@${selection.anchorOffset}.');
+    // TODO(ahe): Come up with a better way to encapsulate the method below.
+    var selectionProxy = new hack.JsObject.fromBrowserObject(selection);
+    var modify = selectionProxy['modify'];
+    if (modify != null) {

[aam-me, 2014/08/29 14:34:45]

This doesn't work as it should.
Selection js object is not being recognized by _convertToJS(js_dart2js.dart:504)
as straight-through objects - it's not in the list below:
===
  } else if (o is Blob || o is Event || o is KeyRange || o is ImageData || o is
Node || o is TypedData || o is Window) {
      return o;
===

instead it is handled as generic js object in last else:
===
} else {
    var ctor = _dartProxyCtor;
    return _getJsProxy(o, _JS_OBJECT_PROPERTY_NAME,
        (o) => JS('', 'new #(#)', ctor, o));
  }
===
and as a result selectionProxy here is not actual javascript selection object,
but JsProxy.

Not sure if there is a way to get through the JsProxy to javascript object.
Adding "|| o is Selection" to the condition above seem to do the job.

[ahe, 2014/08/29 14:58:45]

I think this works because Selection isn't being passed straight through.

What problem are you seeing?

[aam-me, 2014/08/29 15:11:16]

So the problem is that on Firefox this [modify] variable is null, therefore code
below that adjusts selection is not triggered.

I took this logic from [installErrorHandler] from native_helper.dart, but in
[installErrorHandler]'s case iframe is a Node, which is passed through:

===
  void installErrorHandler() {
...
    var iframeProxy = new hack.JsObject.fromBrowserObject(iframe);
    var contentWindowProxy = iframeProxy['contentWindow'];
    if (contentWindowProxy == null) {
... 
===

+      // IE doesn't support selection.modify, but it's okay since the code
+      // above is for Firefox, IE doesn't have problems with anchorOffset.
+      selection
+          ..modify('move', 'backward', 'character')
+          ..modify('move', 'forward', 'character');
+      print('Selection adjusted $node@$offset -> '
+            '${selection.anchorNode}@${selection.anchorOffset}.');
+    }
   }
 }