Comments (1)
Hi Harshdeep, thank you for your interest in the package and sorry for getting back to you so late.
Generally, transitioning the width requires more measures than transitioning the height.
For example, if you resize the width of a div containing 5 lines of text from 400px to 200px, you will notice that the number of lines is going to increase to 9-10 and vice versa. But imagine also any other flex/grid layout inside of the Collapse. In short, a width change is most likely going to trigger an height change and a layout shift.
Some hacks could be done to prevent layout shifts while transitioning but this is something we don't wanto to do for two main reasons:
- We want the package to be "simple and sweet" (as you defined it).
- We have no clue of the inner elements and styles of Collapse.
For this reason, I have no plans on an horizontal collapse.
Thank you again for your interest and enjoy!
from vue-collapsed.
Related Issues (15)
- Error when build with vue-tsc HOT 6
- Does not work for iOS HOT 7
- [BUG] Sometimes it stays in mode "expanding" HOT 2
- SSR problem: layout shift HOT 1
- Not animations in Firefox 124 HOT 3
- When section is expanded, overflow: hidden (among other differences) is added in Firefox but not Chrome HOT 2
- Overflow hidden on default slot prevents from setting correct height on element HOT 4
- Collapse transition never finishing for custom zoom of the page HOT 4
- Initial Collapse stuck on 'expanding' HOT 7
- Default collapse animation not working anymore on chrome HOT 1
- Is it possible to only half-collapse an element? HOT 1
- Named export 'Collapse' not found. HOT 5
- Suggest changing `.collapse` to `.v-collapse` in the exemple HOT 1
- use vue's events instead of binding callbacks HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vue-collapsed.