Make the search box in the stocks app show a search field

sky/framework/components/input.dart

 // Copyright 2015 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 import '../editing/editable_string.dart';
 import '../editing/editable_text.dart';
 import '../editing/keyboard.dart';
 import '../fn.dart';
 import '../theme/colors.dart';
 
@@ skipping 10 matching lines @@
     white-space: pre;
     overflow: hidden;'''
   );
 
   static final String _focusedInlineStyle = '''
     padding: 7px;
     border-bottom: 2px solid ${Blue[500]};''';
 
   ValueChanged onChanged;
   String value;
+  bool focused = false;
 
-  bool _focused = false;
+  bool _isAttachedToKeyboard = false;
   EditableString _editableValue;
 
-  Input({Object key, this.value: ''}) : super(key: key, stateful: true) {
+  Input({Object key, this.value: '', this.focused})
+      : super(key: key, stateful: true) {
     _editableValue = new EditableString(text: value,
                                         onUpdated: _handleTextUpdated);
-    events.listen('click', _handleClick);
-  }
-
-  void _handleClick(_) {
-    keyboard.show(_editableValue.stub);
-    setState(() {
-      _focused = true;
-    });
   }
 
   void _handleTextUpdated() {
     setState(() {});
     if (value != _editableValue.text) {
       value = _editableValue.text;
       if (onChanged != null)
         onChanged(value);
     }
   }
 
+  void didUnmount() {
+    if (_isAttachedToKeyboard)
+      keyboard.hide();
+  }
+
   Node build() {
+    if (focused && !_isAttachedToKeyboard) {
+      keyboard.show(_editableValue.stub);
+      _isAttachedToKeyboard = true;
+    }
+
     return new Container(
       style: _style,
-      inlineStyle: _focused ? _focusedInlineStyle : null,
+      inlineStyle: focused ? _focusedInlineStyle : null,
       children: [
-        new EditableText(value: _editableValue, focused: _focused),
+        new EditableText(value: _editableValue, focused: focused),
       ]
     );
   }
 }