vaadin-overlay

Live Demo →
API Documentation →

Changes Since v3.2.7:

• 8a3b1d6 Clear an overlay's pointer-event overrides whenever it's closed (#145)

Live Demo →
API Documentation →

Changes Since v3.2.6:

• e0a8883 fix: restore adding global listeners before animation (#142)

Live Demo →
API Documentation →

Changes Since v3.2.5:

• 52fa812 fix: ensure proper pointer-events reset timing (#140)

Live Demo →
API Documentation →

Changes Since v3.2.4:

• 698f94b fix: force close overlay if hidden is set during closing (#138)

• 4618510 chore(package): use vaadin-component-dev-dependencies

Live Demo →
API Documentation →

Changes Since v3.2.3:

• bb3f3f9 Don't animate closing if the overlay is explicilty hidden (#137)

• 8ad9c23 Implement restoreFocusOnClose flag, add tests

• 5811628 Focus last active element on close

Live Demo →
API Documentation →

Changes Since v3.2.2:

• 65cf6d8 Detach the overlay even if it is scheduled for reopening (#135)

Live Demo →
API Documentation →

Changes Since v3.2.1:

• 0c63873 Remove unused iron and paper elements devDependencies

• caf700f Improve iron-overlay-canceled handling logic, add tests

• 069fb06 Update dependencies and visual test screenshots

• 2796065 Remove iron-overlay-canceled listener when overlay is closed

• 7e33d16 Fix iron-overlay-canceled listener closure memory leak

Live Demo →
API Documentation →

Changes Since v3.1.1:

• c342ec4 Add magi-p3-post.json for polyfill

• 6f7ed93 Update dependencies, add polyfill dependency, change OverlayElement class selector

• 5647c09 Fix reverse order when restoring pointer-events

• cd3ed0c Fix exit modal state: ensure the overlay was opened

Live Demo →
API Documentation →

Changes Since v3.2.0:

• d154e03 Fix reverse order when restoring pointer-events

• 186664a Update screenshots to match latest vaadin-lumo-styles

• 9da2f48 Fix exit modal state: ensure the overlay was opened

Live Demo →
API Documentation →

New Features

Rendering

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

Changes Since v3.1.1:

• 9af143e Improve renderers docs

• b0d5af0 Remove obsolete code related to shadow DOM v0

• 0a59b35 Add missing imports in tests

• 97e64dd Re-implement IronFocusablesHelper instead of monkey-patching

• e2d910c Fix tabbable nodes collection to be not Polymer specific

• 336301f Fix re-opening before closing animation end and vice versa

• ed9a39e Add visual tests

• ef0c1a2 Update tests: address review feedback

• 4705ed8 Fix template or renderer observer conditions

• 949f382 Call render when overlay first time opened

• c2d38e0 Simplify check for renderer, update demo case, simplify test

• 57e859f Update renderer invocation and demos to make the first demo working

• efe51bf Add public render method

• 6f35796 Add test and demo for manual invocation of the renderer with render method

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

• bb96c88 Add magi-p3-post.json for polyfill

• 40744d3 Add vaadin-radio-group to the focus-trap tests

• 47674b9 Update dependencies, add polyfill dependency, change OverlayElement class selector

• 8d16cba Align renderer API docs with the context-menu

• eba46bb Remove onclick from demos

• 3eebf4b Move the renderer docs section upper

  • Move the renderer docs section upper

  • Rephrase rendering section

  • Replace arrow function in docs

  • Bump analysis.json

  • Remove analysis.json

• 1bee4d4 Add eventListeners for opening buttons

• 2451826 Fix demos on IE11

• f69cbaa Add demo with polymer template

• 98d8d24 Update demos to prefer renderers

• c53afba Remove new template or renderer on error

• 80e68d8 Add check for renderer changed for cleaning the content

• d7fbae6 Check template change in observer

• a051307 Add multiproperty observer with checks for renderer and template, implement error using both

• 3828181 Update tests and add new for owner, model and instanceProps changes

• baa8de8 Fix coveralls for PRs

• f432da1 Fix renderer observer, avoid unnecessary template restamp

• a9e2898 Changed all the ES6 codes to ES5 in demo page.

• 65fcd8d Change renderer args order to root, owner, model

• 4dcc0a7 Update docs and bump analysis.json

• eb00054 Add test for template after renderer

• dd8c221 Update tests to check no-template cases

• 62be460 Update demo wording

• 0c86304 Add multi property observer to render on model and owner change

• f956a99 Add owner

• c7a5487 Add demo

• bf7dd5d Add renderer

• 92f8b22 Add renderer tests

Live Demo →
API Documentation →

Bug Fixes

• Fixed the tabbing issue for Web Components not build using Polymer
• Fixed the re-opening while closing animation is in progress, and vice versa

Changes Since v3.2.0-alpha3:

• 9af143e Improve renderers docs
• b0d5af0 Remove obsolete code related to shadow DOM v0
• 0a59b35 Add missing imports in tests
• 97e64dd Re-implement IronFocusablesHelper instead of monkey-patching
• e2d910c Fix tabbable nodes collection to be not Polymer specific
• 336301f Fix re-opening before closing animation end and vice versa
• ed9a39e Add visual tests

Live Demo →
API Documentation →

Meaningful Changes

• Added the render() method to force manual invocation of the renderer function
• Renderer function will not be called until the overlay is opened for the first time

Changes Since v3.2.0-alpha2:

• ef0c1a2 Update tests: address review feedback
• 4705ed8 Fix template or renderer observer conditions
• 949f382 Call render when overlay first time opened
• c2d38e0 Simplify check for renderer, update demo case, simplify test
• 57e859f Update renderer invocation and demos to make the first demo working
• efe51bf Add public render method
• 6f35796 Add test and demo for manual invocation of the renderer with render method
• 3620a84 Use files property of package.json instead of .npmignore [skip ci]

Live Demo →
API Documentation →

Changes Since v3.2.0-alpha1:

• bb96c88 Add magi-p3-post.json for polyfill

• 40744d3 Add vaadin-radio-group to the focus-trap tests

• 47674b9 Update dependencies, add polyfill dependency, change OverlayElement class selector

Live Demo →
API Documentation →

New Features

Rendering

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

Changes Since v3.1.1:

• 8d16cba Align renderer API docs with the context-menu

• eba46bb Remove onclick from demos

• 3eebf4b Move the renderer docs section upper

  • Move the renderer docs section upper

  • Rephrase rendering section

  • Replace arrow function in docs

  • Bump analysis.json

  • Remove analysis.json

• 1bee4d4 Add eventListeners for opening buttons

• 2451826 Fix demos on IE11

• f69cbaa Add demo with polymer template

• 98d8d24 Update demos to prefer renderers

• c53afba Remove new template or renderer on error

• 80e68d8 Add check for renderer changed for cleaning the content

• d7fbae6 Check template change in observer

• a051307 Add multiproperty observer with checks for renderer and template, implement error using both

• 3828181 Update tests and add new for owner, model and instanceProps changes

• baa8de8 Fix coveralls for PRs

• f432da1 Fix renderer observer, avoid unnecessary template restamp

• a9e2898 Changed all the ES6 codes to ES5 in demo page.

• 65fcd8d Change renderer args order to root, owner, model

• 4dcc0a7 Update docs and bump analysis.json

• eb00054 Add test for template after renderer

• dd8c221 Update tests to check no-template cases

• 62be460 Update demo wording

• 0c86304 Add multi property observer to render on model and owner change

• f956a99 Add owner

• c7a5487 Add demo

• bf7dd5d Add renderer

• 92f8b22 Add renderer tests

Live Demo →
API Documentation →

Changes Since v3.1.0-beta2:

• 757f93f Support multiple opened modal overlays

  Fixes vaadin/vaadin-dropdown-menu#120

• 1626958 Remove analysis.json [skip ci]

• d7a1122 Remove Polymer mention [skip ci]

• 094d6cf Update wct to use headless Chrome, reduce travis jobs

Live Demo →
API Documentation →

Changes Since 3.1.0-alpha2:

• f4f57c4 Update bower main to inclue MD for modulizer conversion
• 2ab4e4a Depend on latest vaadin components versions
• c796120 Use stable polymer-modulizer
• 5c1bdba Ensure template is stamped when initially opened
• 21ed81c Add test for stamping the template when initially opened in component scope
• 7848ca7 Update wct.conf.js to fix build
• 2f61883 Fix bower semver ranges (#94)

Live Demo →
API Documentation →

Changes Since 3.0.3:

• 806403e Merge branch 'master' into p3-preview
• fc496ba Add test coverage threshold
• 662dd70 Prepare material styles for p3
• 5eaab7c Adding theme/material

Changes Since v3.0.2:

• Fix content styling with ShadyCSS custom CSS properties shim (#89)

Changes Since v3.0.1:

• 6c430a2 Delete package-lock.json

• 1144482 Prevent late detaching when opened is true

• 4cc5003 Support is only for built-in elements

• 48a06e4 Separate shadow and shady dom logic

• 9f354ae Restore dependent elements tests. Add dialog tests

Live Demo →
API Documentation →

Changes Since v3.0.0:

• b40a272 Fix scoping on ShadyCSS to survive flush