v1.0.0-rc2 — Dropdown Arrow Icon is Back

Changes:

• Change toggle icon back to dropdown arrow

v1.1.0-alpha1 – Angular 2 Directives

Features:

• Angular 2 Directive for <vaadin-combo-box>

import {Component} from 'angular2/core';
import {VaadinComboBox} from '../bower_components/vaadin-combo-box/directives/vaadin-combo-box';

@Component({
  selector: 'my-component',
  template: `
    <vaadin-combo-box label="Skill Level" [items]="skillLevels" [(value)]="selectedSkillLevel"></vaadin-combo-box>
  `,
  directives: [VaadinComboBox]
})
export class MyComponent {
  selectedSkillLevel = 'Beginner';

  skillLevels = [
    'Beginner',
    'Intermediate',
    'Advanced',
    'Professional',
    'Native'
  ];
}

v1.0.0-rc1 – Release Candidate

Changes since v1.0.0-beta1:

• Mostly bug fixing
• Tweaking overlay positioning
• Tweaking focus/blur behaviour
• Overlay now closes on iOS when closing the virtual keyboard using the "Done" button
• Clear icon is now visible also on touch devices
• Icons now have a slightly larger touch area

Issues closed in this milestone

v1.0.0-beta1 – First beta release

This is the first beta release of vaadin-combo-box.

Changes to the previous alpha:

• Updated toggle icon
• Added --vaadin-combo-box-overlay-max-height CSS property
• Documentation updates
• Bugfixes

Issues closed in this milestone

v1.0.0-alpha6 – Overlay adjustments, Support for Object as Items

• Overlay is now automatically aligned above or below the input
• Overlay automatically now fits the viewport
• Dropdown is now hidden when there are no matching items for the input value
• disabled property added
• readonly property added
• Custom values are now disabled by default, use allow-custom-value property to enable them.
• Objects are now fully supported as items:
  • value property is now always a String representation of the selected value
  • selectedItem returns the selected value as an Object
  • item-value-path is used to determine which property from the selectedItem is used as value
  • item-label-path is used to determine which property from the items is used as display value

Issues closed in this milestone

1.0.0-alpha5 — Custom input values

• Custom input values allowed
• Input values are now always selected when closing the overlay (excluding canceling with ESC)
• Input value is pre-filled when navigating with arrows

Issues closed in this milestone

1.0.0-alpha4 — Enable scrolling while open

1.0.0-alpha4 is a partial rewrite of <vaadin-combo-box>

• <iron-dropdown> and its dependencies dropped
• Fullscreen mode dropped
• Automatic vertical alignment dropped
• Overlay is placed directly under document.body
• Overlay uses position: absolute
• Scrolling is enabled, overlay position is updated automatically.
• An icon button to clear the input value added for desktop users
• Default value changed from undefined to an empty string

Issues closed in this milestone

1.0.0-alpha3 — Basic ARIA support, keyboard navigation improvements

Change log

• Basic WAI-ARIA support added
• External keyboard navigation enabled on touch devices (iOS has some limitations)
• Issues closed in this milestone

1.0.0-alpha2 — combo-box rewrite

Change log

1.0.0-alpha2 is a complete rewrite of <vaadin-combo-box>

Features include:

• Material Design based theming
• Using primitive types as items
• Filtering items
• Keyboard navigation
• Adaptive overlay for touch devices
• Using as a part of <iron-form> based forms
• Issues closed in this milestone.

1.0.0-alpha1 — A.k.a. The Prototype

First technical draft/prototype of some of the designed features. The final component might not resemble this implementation in any way, including the actual features and API.