Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

vue-smooth-height

Package Overview
Dependencies
Maintainers
1
Versions
35
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

vue-smooth-height - npm Package Compare versions

Comparing version 1.2.0 to 1.2.1

4

dist/index.js

@@ -9,7 +9,7 @@ 'use strict';

*/
$registerElement: function registerElement(options) {
$registerElement: function $registerElement(options) {
console.warn('$registerElement is deprecated. Use $registerSmoothElement instead');
this.$registerSmoothElement(options);
},
$unregisterElement: function unregisterElement(options) {
$unregisterElement: function $unregisterElement(options) {
console.warn('$unregisterElement is deprecated. Use $unregisterSmoothElement instead');

@@ -16,0 +16,0 @@ this.$unregisterSmoothElement(options);

{
"name": "vue-smooth-height",
"version": "1.2.0",
"version": "1.2.1",
"description": "Transition a container elements height in response to data changes",

@@ -5,0 +5,0 @@ "main": "./dist/index.js",

# Vue Smooth Height
A Vue mixin that answers the question, "How do I transition height auto?"
A Vue mixin that answers the question, "How do I transition height: auto?"
This mixin is primarily for container elements that have a dynamic number of children, e.g. lists, however it will work on any element whose height changes due to data changes. When the container's children rerender, the container's height will transition, instead of instantly resizing.
This mixin is primarily for container elements that have a dynamic number of children, e.g. lists, however it will work on any element whose height changes due to data changes. When the container's data is changed, its current height will smoothly transition to the new height, instead of instantly resizing.

@@ -11,3 +11,3 @@

## Demo
https://jsfiddle.net/axfwg1L0/6/
https://jsfiddle.net/axfwg1L0/14/

@@ -58,3 +58,3 @@ ## Installation

## CSS
This mixin uses css transitions, meaning you can define whatever css transitions you want for the element. If the mixin does not detect any transitions, it will apply `transition: 1s` to the element.
This mixin uses css transitions, meaning you can define whatever css transitions you want for the registered element. If the mixin does not detect any transitions on the element, it will apply `transition: 1s` to it.

@@ -73,3 +73,3 @@ ## API

-----|-----|-----|-----
el|Element,String|null|Required. A reference to the element, or a selector string. Use a selector string if the container element is not rendered initially. If selector string is a class, the first query match will be registered
el|Element, String|null|Required. A reference to the element, or a selector string. Use a selector string if the element is not rendered initially. If selector string is a class, the first query match will be registered
hideOverflow|Boolean|false|If the element has a scrollbar, ugly reflow flickers can occur when children create/destroy a new row (think flexbox). Set true to disable overflow during the transition.

@@ -76,0 +76,0 @@

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc