Open septatrix opened 2 years ago
Yes, I am aware of this. Thanks for the reproduction. I'll look into a way of resolving this when I have some extra time (which is severely limited right now)
Have you thought about replacing all the inline styles (width/height) with a grid layout?
In the past I had a case where I could not figure out how to fix a similar problem (probably some annoying floating-points). After some time I gave up and refactored the styling to use a grid instead which was faster, did not have bugs and looked way more clean :D
I have thought about this. There is lots of work to be done, but I am plagued with back issues again and can barely sit in a chair.
Have anyone found a workaround for this issue?
Add a parent component (div) with a fixed height and width.
Codesandbox to reproduce: https://codesandbox.io/s/affectionate-dhawan-fuu3yr?file=/src/pages/Index.vue
Describe the bug Under some weird conditions the component grows from its initial width to the maximal width permitted by the parent/CSS.
To Reproduce Steps to reproduce the behavior:
Expected behavior The component should have a fixed width and stay at that width
Desktop (please complete the following information):