v3.0.0-alpha3 — Respect Viewport Size

Live Demo →
API Documentation →

Changes since 3.0.0-alpha2:

• Add constrained overlay alignment / sizing support
• Fix iOS closing overlay on long taps

v3.0.0-alpha2 - API doc improvements

Live Demo →
API Documentation →

Changes since 3.0.0-alpha1:

• Use iron-component-page v3 for docs
• Do not ignore package.json in bower
• Linter fixes
• Update versions
• Improved doc
• Use vaadin-overlay

v2.0.0 — Stable Polymer 2.0 Hybrid Release

Live Demo →
API Documentation →

Changes since v2.0.0-beta1:

• Prevent tap from closing the overlay on Android device
• Prevent tap when opening overlay
• Fix advanced demos for P2 Shadow
• Fix 2.0 dependencies

Changes since v1:

• Polymer 2.0 (Hybrid) Support

  • Polymer dependency is set ^2.0.0 by default
  • Other dependencies are set to ^2.0.0 by default

• When using Polymer 2.0, <paper-listbox> is recommended instead of <paper-menu>

  <!-- Polymer 1.x -->
  <vaadin-context-menu>
    <template>
      <paper-menu>
        <paper-item>First menu item</paper-item>
        <paper-item>Second menu item</paper-item>
      </paper-menu>
    </template>
  </vaadin-context-menu>
  
  <!-- Polymer 2.0 -->
  <vaadin-context-menu>
    <template>
      <paper-listbox>
        <paper-item>First menu item</paper-item>
        <paper-item>Second menu item</paper-item>
      </paper-listbox>
    </template>
  </vaadin-context-menu>

v2.0.0-beta1

Live Demos ↗

Changes

• Fixes overlay closing issues with iOS and Android touch devices

v3.0.0-alpha1 – Polymer 2.0 ES6 class based element

Merge pull request #84 from vaadin/remove-mixins

Remove mixins

v2.0.0-alpha1 – Polymer 2.0 Support

Live Demos ↗

Changes

• Polymer 2.0 (Hybrid) Support
  • Polymer dependency is set ^2.0.0 by default
  • Other dependencies are set to ^2.0.0 by default
• When using Polymer 2.0, <paper-listbox> is recommended instead of <paper-menu>

<!-- Polymer 1.x -->
<vaadin-context-menu>
  <template>
    <paper-menu>
      <paper-item>First menu item</paper-item>
      <paper-item>Second menu item</paper-item>
    </paper-menu>
  </template>
</vaadin-context-menu>

<!-- Polymer 2.0 -->
<vaadin-context-menu>
  <template>
    <paper-listbox>
      <paper-item>First menu item</paper-item>
      <paper-item>Second menu item</paper-item>
    </paper-listbox>
  </template>
</vaadin-context-menu>

v1.0.2 — iOS Safari fix

Issues Fixed

• #71 Overlay doesn’t stay open in iOS Safari
• #72 Update demo to use <vaadin-grid> v2

Changes since v1.0.1

• 52978df Use <vaadin-grid> v2 in the integration demo
• 41df9f0 Make sure active touch job is stopped on touchend
• 80790e9 Include subfolders of demo and test folders for linting

v1.0.1 — Modal Overlay

Issues Fixed

• #30 Make overlay "modal"
• #65 Right click on the modal backdrop opens native context menu

Changes since v1.0.0

• c4a1b26 Prevent contextmenu on backdrop
• 6db7425 Sync with Skeleton (PR#17)
• 6ee0834 Update package.json and bower.json
• 75af1e8 Improve build (Skeleton PR#13 sync)
• 208dfec Update README.md
• 41ada3f Remove Linux/android@5.1 from automated tests
• 6a6acb0 Move Chrome/Firefox tests from SauceLabs to Selenium
• c0a4cfb Fix backdrop test
• 035ab89 Fix backdrop test
• 69b348e Bump iphone and ipad 9.2 -> 9.3
• fe2099e Update webcomponents badge URL (beta. -> www.)
• 78ee9e1 Make context-menu 'modal' by adding iron-overlay-backdrop
• cfe4d99 Import common.html from demo resources
• 12f2853 Remove Bower caching
• 7d474f3 Fix CSS linter errors
• 9138a93 Add stylelint and lint:css Gulp task

v1.0.0-beta1

Overview

<vaadin-context-menu> is an element implementing a menu in an overlay which by default is opened by a context click or a long press touch event.

<vaadin-context-menu>
  <template>
    <paper-menu>
      <paper-item>First menu item</paper-item>
      <paper-item>Second menu item</paper-item>
    </paper-menu>
  </template>
</vaadin-context-menu>

Features

• Uses template to define the menu overlay contents
• Supports data bindings to the context in the menu template
• Opens on both mouse and touch environments
• Automatic fullscreen mode for small viewports
• Configurable opening and closing events, event listener element
• Provides both declarative HTML and imperative JavaScript APIs

Demos and documentation

• Demos
• Tutorials
• API docs

Changes since v1.0.0-alpha1

• Documentation updates
• Bugfixes

v1.0.0

Overview

<vaadin-context-menu> is an element implementing a menu in an overlay which by default is opened by a context click or a long press touch event.

<vaadin-context-menu>
  <template>
    <paper-menu>
      <paper-item>First menu item</paper-item>
      <paper-item>Second menu item</paper-item>
    </paper-menu>
  </template>
</vaadin-context-menu>

Features

• Uses template to define the menu overlay contents
• Supports data bindings to the context in the menu template
• Opens on both mouse and touch environments
• Automatic fullscreen mode for small viewports
• Configurable opening and closing events, event listener element
• Provides both declarative HTML and imperative JavaScript APIs

Demos and documentation

• Demos
• Tutorials
• API docs

No changes since v1.0.0-beta1