quasar-ui-qcalendar icon indicating copy to clipboard operation
quasar-ui-qcalendar copied to clipboard

Published 20 hours ago • verified publisher icon quasarframework

`QCalendarDay` slowly grows in width

Open septatrix opened this issue 2 years ago • 5 comments

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:

  1. Open the codesandbox link
  2. See the error

Expected behavior The component should have a fixed width and stay at that width

Desktop (please complete the following information):

  • OS: Linux (Fedora 36)
  • Browser: Chrome
  • Version: 102.0.5005.115 (Official Build) (64-bit)

septatrix avatar Jun 16 '22 15:06 septatrix

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)

hawkeye64 avatar Jun 19 '22 15:06 hawkeye64

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

septatrix avatar Jun 19 '22 16:06 septatrix

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.

hawkeye64 avatar Jun 30 '22 18:06 hawkeye64

Have anyone found a workaround for this issue?

wdmartins avatar May 09 '24 13:05 wdmartins