v1.3.0-beta1 — Custom Item Templates
New Features
Custom Item Templates
You can customize the layout and styles of the items in the dropdown/overlay list by adding a <template>
element inside the light DOM of <vaadin-combo-box>
.
<!-- Using a simple string array as the items -->
<vaadin-combo-box items='["foo", "bar", "baz"]'>
<!-- Make the item text bold -->
<template>
<b>[[item]]</b>
</template>
</vaadin-combo-box>
Changes since v1.3.0-alpha1
- 528ca86 Show clear button even if overlay is not shown, fix #238
- d8054da Make dropdown modal by setting body pointer-events: none
- 953491f Use webcomponents-lite.js for Edge, webcomponentsjs/issues/575
- 2395da2 Fix FF tests with focused input
- 63b3e40 Remove angular2 tests
- 5736556 Fix toggling overlay for combo-box-light, fix #380
- 82b6f41 WCT: webcomponents-lite.js -> webcomponents.js