Skip to content

v1.3.0-beta1 — Custom Item Templates
Compare
Choose a tag to compare
@platosha platosha released this 07 Feb 14:17
· 886 commits to master since this release
v1.3.0-beta1
41b9ea4

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>

See Live Demos

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
Assets 2
Loading