vcf-popup

feat: make restoreFocusOnClose an optional feature
feat: add a possibility to scroll target into view on popup open

fix: prevent temporarily displaying unattached popup when setting target and opening at the same time

chore: added missing documentation in vcf-popup

Improvements

• feat: improve accessibility using role="dialog" and setting aria-label

Improvements

• feat: improve accessibility using role="dialog" and setting aria-label

Improvements

• Feature: Highlighting the target element (highlightTarget property)
• Feature: Popup can now show a little pointer arrow towards the target element (the "pointer-arrow" theme)
• Configuration: A position of the Popup can now be configured (see position property)
• Configuration: Popup can also be shown centered to the target element (see alignment property)
• Configuration: configure if the Popup receives focus upon opening or not (not by default) - see property focusTrap
• Configuration: Prevent opening the Popup when a target is clicked (see ignoreTargetClick property)

Improvements

• Feature: Highlighting the target element (highlightTarget property)
• Feature: Popup can now show a little pointer arrow towards the target element (the "pointer-arrow" theme)
• Configuration: A position of the Popup can now be configured (see position property)
• Configuration: Popup can also be shown centered to the target element (see alignment property)
• Configuration: configure if the Popup receives focus upon opening or not (not by default) - see property focusTrap
• Configuration: Prevent opening the Popup when a target is clicked (see ignoreTargetClick property)

Improvements

• improved theming: target element now has 'has-popup' and 'popup-opened' attributes, so it can be better styled when a Popup is attached to it
• improved focus handling: Popup now receives focus when opened; focus cycles through focusable elements inside the Popup
• modeless Popup can now be closed using ESC (the same way as modal Popup)

Improvements

• improved theming: target element now has 'has-popup' and 'popup-opened' attributes, so it can be better styled when a Popup is attached to it
• improved focus handling: Popup now receives focus when opened; focus cycles through focusable elements inside the Popup
• modeless Popup can now be closed using ESC (the same way as modal Popup)

This version is a Vaadin 24 compatible version of features and fixes introduced in release 23.3.0

New Features

• updated dependencies for better compatibility with Vaadin 23.3.x
• added the possibility to set header title
• added the possibility to add renderers of the header and footer parts of the popup
• popup can be displayed either modal or modeless
• added the possibility to close the popup automatically on scroll, when in modeless mode
• added a lot more visual tests and demo snippets (see content of /dev directory)

Fixes

• Fixed positioning issues on small screens and near the edges of the browser
• Fixed displaying on mobiles (appearing as a bottom drawer again)

Add theme attribute support

Changes since v1.1.0:

• 095ec6c Fix vertical tooltip position when it is not in visible bounds.