anchor.diff:        ..useSelectionEffects = true
         ..autoManageScrollBars = true
         ..allowMultipleSelection = false
  -      ..onSelectedItemChanged.listen((FrameworkEvent<dynamic> event) => handleListSelection(event.relatedObject));
  +      ..onSelectedItemChanged.listen((FrameworkEvent<dynamic> event) => handleListSelection(event.relatedObject))
  +      ..visible = false;
       
       addComponent(_input);
       addComponent(_handle);
  +    addComponent(_list);
     }
     
     @override 
  
positive.code:       ..cssClasses = const <String>['closed']
        ..percentWidth = 100.0
        ..percentHeight = 100.0
        ..onTextChanged.listen((_) => handleInput());
      
      _handle = new Button()
        ..className = 'dropdown-handle'
        ..cssClasses = const <String>['closed']
        ..width = 17
        ..percentHeight = 100.0
        ..onButtonClick.listen((_) => toggle());
      
      _list = new ListRenderer()
  
negative.code:   void toggle() {
      _isDropdownShown = !_isDropdownShown;
      
      if (_isDropdownShown) _list.visible = true;
      else _list.visible = false;
      
      if (_isDropdownShown) {
        window.onMouseDown.listen((MouseEvent event) {
          final Element E = event.target;
          Element e = E;
          
          while (e.parent != null) {
            if (e == _list._control || e == _input._control || e == _handle._control) return;
            
            e = e.parent;
          }
          
          close();
        });
      }
      
      _handle.cssClasses = _isDropdownShown ? const <String>['open'] : const <String>['closed'];
  