Sorry if this may have been asked before (I did look) or if I don’t see the obvious, but when the documentation has an “UPDATE” badge beside it, how do I zero in on what has been updated?

For instance the Table component currently has ‘update’ beside it. But in looking at the documentation it is not obvious (at least to me) what has been updated. So you need to go through every section of the api to find it.

I have looked at the recent announcement post and see a new feature there but then there are additions to multiple components, so I am not sure under what criteria an update badge is applied or not (ie. QDate has an ‘update’ tag but is not mentioned in the latest announcement).

Would it be possible to also add the ‘update’ tag somewhere within the documentation to indicate the change? I know this may open a whole other can of worms, let alone more work, so feel free to tell me to get lost , but just asking how others keep on top of things.

Thanks!

I found that I had this problem as well. I believe (though don’t quote me on this) that according to the documentation there is a 500ms delay to prevent flicker. I am not sure if this is the case when it is hidden. Regardless, but if a delay of 500ms is introduced before calling the scrollIntoView function it works. Although in my case I was using the Scroll Utils to do the scrolling.

That worked perfectly. Thank you!

Hi

I am trying to limit the width of my app to 1280px.

Currently I set it like this in app.sass

body 
   max-width: 1280px
   margin: 0 auto

I also set the width of my header in my layout files using the same code. This results in the site being centered and 1280px when my browser is maximized.

Everything works fine until I attempt to use an overlay such as the Loading plugin or popup a dialog. While the header remains in position, the body gets shifted to the left. In looking at the browser styles, I see that the following css is being injected.

.q-body--fullscreen-mixin, .q-body--prevent-scroll {
    position: fixed !important;
}

If I add the following code in app.sass, then everything works as expected

.q-body--fullscreen-mixin, .q-body--prevent-scroll 
   position: unset !important

I will be the first to admit that css is not my strong point so I am wondering am I completely off the mark in my approach and affect other things I am not aware o? Is there another way to accomplish this that I just missed?

Any input would be appreciated!

It depends on how your data is stored in the database. Are the months in text as in “January” or is it numerical as in “1”. You will obviously have to use the text to display the month. From there you can then get the value from its model and do your api call based upon that value.

If the it is a numerical value then you can use an object in your select and use the appropriate fields for the display and text (label) then do your api call.

Here is a link to the second idea
https://quasar.dev/vue-components/select#Affecting-model

HTH