v2.3.0

Live Demo →
API Documentation →

New Features

Modeless, draggable, resizable dialogs (#139)

• Dialogs can be made modeless (non-modal) so that you can have multiple dialogs open at the same time and the user can interact with any of them or the rest of the page even while dialogs are open.
• Dialogs can be made draggable so that the user can move them around by dragging them with a mouse or using touch input.
• Dialogs can be made resizable so that the user can resize them by dragging from the edges of the dialog.

Changes Since v2.2.1:

• bfcb1e3 Prevent touchstart on desktop (#153)

• 645970f Disable multitouch dragging and resizing (#151)

• 6175cd9 Only calls overlay#bringToFront on modeless dialog (#150, #152)

• 9798170 Add ability to mark child element as draggable (#147)

  By adding a class "draggable" to an element, user can mark it as
  an area from which the dialog can be dragged.

  Part of vaadin/vaadin-dialog-flow#165

• 0b8326d Resize event (#141)

• 995c62e Add touch support for drag and resize (#143)

• 0472300 Feature: modeless, draggable, resizable dialogs (#139)

• d54f8de update to xenial

• 4ecf2d6 chore: update vaadin-demo-helpers to 3.0.0

• 5745f92 chore(ci): pin Firefox version in travis to 66

• d583caa test: update browser versions used in tests

  Related to:
  https://github.com/vaadin/components-team-tasks/issues/450
  vaadin/vaadin-element-skeleton#204

• 4307308 docs: remove template from README code example (#130)

• d1eb343 chore: align with skeleton, replace gulp with npm scripts

• 62227f4 Explicitly specify port in 'npm start' script

• 3acecb7 Add 'npm start' script

v2.3.0-alpha5

Live Demo →
API Documentation →

Changes Since v2.3.0-alpha4:

• bfcb1e3 Prevent touchstart on desktop (#153)

  • Add test and prevent touchstart on desktop

  • Introduce _touchDevice

v2.3.0-alpha4

Live Demo →
API Documentation →

Changes Since v2.3.0-alpha3:

• 645970f Disable multitouch dragging and resizing (#151)

  • Add tests for multitouch dragging, resizing

  • Update logic for multitouch dragging and resizing

• 6175cd9 Only calls overlay#bringToFront on modeless dialog (#152) (#150)

v2.3.0-alpha3

Live Demo →
API Documentation →

Changes Since v2.3.0-alpha2:

• 9798170 Add ability to mark child element as draggable (#147)

  By adding a class "draggable" to an element, user can mark it as
  an area from which the dialog can be dragged.

  Part of vaadin/vaadin-dialog-flow#165

v2.3.0-alpha2

Live Demo →
API Documentation →

Changes Since v2.3.0-alpha1:

• 0b8326d Resize event (#141)

• 995c62e Add touch support for drag and resize (#143)

v2.3.0-alpha1

Live Demo →
API Documentation →

Changes Since v2.2.1:

• 0472300 Feature: modeless, draggable, resizable dialogs (#139)

• d54f8de update to xenial

• 4ecf2d6 chore: update vaadin-demo-helpers to 3.0.0 [skip ci]

• 5745f92 chore(ci): pin Firefox version in travis to 66

• d583caa test: update browser versions used in tests

  Related to:
  vaadin/components-team-tasks#450
  vaadin/vaadin-element-skeleton#204

• 4307308 docs: remove template from README code example [skip ci] (#130)

• d1eb343 chore: align with skeleton, replace gulp with npm scripts

• 62227f4 Explicitly specify port in 'npm start' script

• 3acecb7 Add 'npm start' script

v2.2.1

Live Demo →
API Documentation →

Fixes

• Remove tap highlight color from the overlay part

Changes Since v2.2.0:

• 692d799 Align with skeleton: use latest vaadin-demo-helpers, improve demos

• e49eae3 Remove iron-ajax from scrollable demo

• 48ab7d7 Update vaadin-overlay dependency to stable version

• 3f3a613 Remove tap highlight color from the overlay part

v2.2.0

Live Demo →
API Documentation →

New Features

Rendering

• By default, the dialog uses the content provided by using the renderer callback function.
• The renderer function provides root, dialog arguments.
  Generate DOM content, append it to the root element and control the state
  of the host element by accessing dialog. Before generating new content,
  users are able to check if there is already content in root for reusing it.

Theme Propagation

• the theme attribute value set on <vaadin-dialog> will be propagated to the internal <vaadin-overlay>.

Changes Since v2.1.0:

• 59f7d93 Update reference screenshots

• cd32793 Optical centering without blurriness

• aea392b Add render method and tests

• 94357f1 Enable sudo in Travis to fix PR build

• 3468a58 Use theme property from Vaadin.ThemePropertyMixin

• 128dbd6 Add demo for theme attribute propagation

• 377461a Applying review suggestions

• 358d5ec Propagate theme attribute to internal overlay. Fix #37

• 8a7d9d1 Revert using headless Firefox, only use headless Chrome for now

• 679cdf8 Add Sauce Labs mention

• 84bc26f Update .gitignore

• ba0afd2 Use files property of package.json instead of .npmignore [skip ci]

• 7607b09 Added visual tests for Material theme.

• 5402d49 Update coveralls threshold

• 794f3f9 Fix typos, update overlay dependency and remove merge conflicts [skip ci]

• 004311e Align renderer API docs with context-menu [skip ci]

• 36d44a6 Replace arrow function in docs

• 904b1e7 Move the renderer docs section upper

• 32c3f71 Remove dom-bind from the demos [skip ci] (#101)

• 9545ef4 Update demos to prefer renderers [skip ci] (#94)

• fe12b4c Remove new template or renderer on error

• 6e2802c Add polymer util import, simplify property assignment and flush test

• 0125155 Add multi-property observer for template and renderer and throw error when used together

• 18b85f2 Add test for throwing error using both template and renderer

• 0d6acda Remove model from renderer arguments

• 0c76561 Added renderer function

v2.2.0-beta1

Live Demo →
API Documentation →

New Features

Rendering

• By default, the dialog uses the content provided by using the renderer callback function.
• The renderer function provides root, dialog arguments.
  Generate DOM content, append it to the root element and control the state
  of the host element by accessing dialog. Before generating new content,
  users are able to check if there is already content in root for reusing it.

Theme Propagation

• the theme attribute value set on <vaadin-dialog> will be propagated to the internal <vaadin-overlay>.

Changes Since v2.1.0:

• aea392b Add render method and tests

• 94357f1 Enable sudo in Travis to fix PR build

• 3468a58 Use theme property from Vaadin.ThemePropertyMixin

• 128dbd6 Add demo for theme attribute propagation

• 377461a Applying review suggestions

• 358d5ec Propagate theme attribute to internal overlay. Fix #37

• 8a7d9d1 Revert using headless Firefox, only use headless Chrome for now

• 679cdf8 Add Sauce Labs mention

• 84bc26f Update .gitignore

• ba0afd2 Use files property of package.json instead of .npmignore [skip ci]

• 7607b09 Added visual tests for Material theme.

• 5402d49 Update coveralls threshold

• 794f3f9 Fix typos, update overlay dependency and remove merge conflicts [skip ci]

• 004311e Align renderer API docs with context-menu [skip ci]

• 36d44a6 Replace arrow function in docs

• 904b1e7 Move the renderer docs section upper

• 32c3f71 Remove dom-bind from the demos [skip ci] (#101)

• 9545ef4 Update demos to prefer renderers [skip ci] (#94)

• fe12b4c Remove new template or renderer on error

• 6e2802c Add polymer util import, simplify property assignment and flush test

• 0125155 Add multi-property observer for template and renderer and throw error when used together

• 18b85f2 Add test for throwing error using both template and renderer

• 0d6acda Remove model from renderer arguments

• 0c76561 Added renderer function

v2.2.0-alpha2

Live Demo →
API Documentation →

Changes Since v2.2.0-alpha1:

• aea392b Add render method and tests

• 94357f1 Enable sudo in Travis to fix PR build

• 3468a58 Use theme property from Vaadin.ThemePropertyMixin

• 128dbd6 Add demo for theme attribute propagation

• 377461a Applying review suggestions

• 358d5ec Propagate theme attribute to internal overlay. Fix #37

• 8a7d9d1 Revert using headless Firefox, only use headless Chrome for now

• 679cdf8 Add Sauce Labs mention

• 84bc26f Update .gitignore

• ba0afd2 Use files property of package.json instead of .npmignore [skip ci]

• 7607b09 Added visual tests for Material theme.