May be unrelated, but I’ve been using v-expand -transition serving from the vue cli in dev-mode and the animation works as expected, but after building the source and deploying the transition stops working . … Confirmed and still not working in 2.2.4. Tried both minified and not minified version and it does not work . Copy link Quote reply anzuj …
Including the v-expand -transition element manually does not produce expected result. Documentation for v-expand -transition states that it is used in this application. … Also this does not work on 2.0.0-beta.5. Copy link peronvidal commented Nov 28, 2019 • …
Description fixes #12018 Motivation and Context #12018 How Has This Been Tested? visually Markup: toggle v-expand -transition @afterEnter=afterEnter> {{text}} v-expand -transition> export default { data: => ({ visible: false, text: ‘afterEnter was NOT triggered’ }), methods: { afterEnter …
However somehow the component is not aligning itself in the center after clicking on the button. Here is codepen with the current behaviour. new Vue({ el: ‘#app’, data: () => ({ lorem: `Lorem ipsum dolor sit amet, mel at clita quando.
#4808 Fixed a bug where v-expand -transition was not properly clearing element height afterLeave when not specifying an explicit height #4969 Fixed a bug where v-img would fail to decode an svg #4971 #4978 Fixed a bug where v-slide-y-reverse-transition had the incorrect leave animation, Vue drag-and-drop component based on Sortable.js, One important note is that these FLIP transitions do not work with elements set to display: inline. As an alternative, you can use display: inline-block or place elements in a flex context. These FLIP animations are also not limited to a single axis. Items in a multidimensional grid can be transitioned too:, To get the best cross-browser support, it is a common practice to apply vendor prefixes to CSS properties and values that require them to work . For instance -webkit-or -moz-. We offer two popular choices: Autoprefixer (which processes your CSS server-side) and -prefix-free (which applies prefixes via …
