Vue Js Modal Versions Save

Easy to use, highly customizable Vue.js modal library.

2.0.1

2 years ago

Minor bugfixes

2.0.0-rc6

3 years ago
  • Minor improvements

2.0.0-rc4

4 years ago
  • Using ResizeObserver instead of MutationObserver
  • Using transition states to coordinate modal & overlay transitions (instead of delays)
  • Using prettier
  • Overlay is not a parent of the modal anymore (now has independent transition)
  • Renamed Event.stop => Event.cancel
  • Removed v--modal-background-click element
  • Removed v--modal default class
  • Removed "delay" property - component is relying on modal & overlay transition durations
  • Added naive implementation of focus trap
  • Added source-maps
  • Added hideAll for dynamic modals
  • Fix: dialogs not working when componentName is changed
  • Fix: ActiveElement is blurred after before-open event is fired (it is possible to cache document.activeElement now)
  • Handling orientationchange event
  • Some fixes for SSR
  • Renamed pivot-x, pivot-y to shift-x, shift-y
  • Removed <ModalContainer/> component - now mounted automatically
  • Removed setting injectModalContainer due to complexity & unclear use-cases
  • Removed setting dynamic, now enabled by default
  • Other changes...

1.3.34

4 years ago
  • Bugfix/524 - Exclude click on SELECT elements from dragging @mvehar
  • Ensure that top position is not negative @viktorhunko

1.3.33

4 years ago
  • Not possible to select text in a text-area (#469, @piogaw)
  • Resizer respects max width/height (#452, @hybridwebdev)
  • Styles property to add styles to the modal directly (string type is not well supported yet)
  • Fixed position of the modal when scroll bar is visible

1.3.31

5 years ago
  • Refactoring.
  • Added default props for dynamic modals:
Vue.use(VueJsModal, {
  dynamic: true,
  dynamicDefaults: {
    foo: 'foo'
  }
})
    showDynamicRuntimeModal () {
      this.$modal.show({
        template: `
          <div class="example-modal-content">
            <p>{{ text }}</p>
            <p>Default Property: {{ foo }}</p>
          </div>
        `,
        props: ['text', 'foo']
      }, {
        text: 'This text is passed as a property'
      })
    },

1.3.28

5 years ago
  • Updated to latest babel & webpack 🎉
  • Killed not working & outdated scss demo
  • Refactored examples
  • Minor code cleanups

1.3.25

5 years ago
  • Fixed #302

1.3.22

5 years ago
  • Fixed regression in event listening
  • Fixed regression in SSR utils

1.3.20

5 years ago
  • Avoid multiple event listeners and fix IE minimizing bug (#299)
  • Added property to set transition name on the overlay (#296)