Good day. I’m currently testing the firebase messaging using SPA. I followed the setup in firebase documentation of Google but I am having an issue in the retrieval of the service worker of the firebase.

Firebase requires that the service worker file is located in the root of the public directory of the web app. Unfortunately, I don’t know how to implement this since the only function that implement public related stuff that I know is putting the file in statics directory. Is there any way to do this?

It seems that I can’t edit the post anymore because it was flagged as spam with the cause of subsequent updates I’ve done in the past hours. For the update, the issue occurs only when the right drawer is closed. When opened, the issue goes away.

Is there any way to access global event bus outside Vue files on v0.15.1? The documentation only says on how to use it inside of Vue files but not outside. Thanks

@Heisenberg, yes I’ve done that before I’ve posted it. Anyway, the problem was fixed by adding name field in my table.columns value like this:

{
    label: 'Address',
    field: 'address',
    name: 'address', // adding this line fixed it
    type: 'string'
}

I’ve read the docs and the definition is kind of vague for me on the topic about custom cell rendering.

@Max Seems that @cheebhodh is still offline. I’ll open an issue in github in place of him.

I’ve open an issue regarding this. Check it out here: https://github.com/quasarframework/quasar/issues/1663.

Done. This is what my code looks like:

<q-td :style="{width: '400px', whiteSpace: 'normal'}" slot="body-cell-address" slot-scope="props" :props="props">
    {{props.value}}
</q-td>

I hope it can help others who might face the same problem. thanks.

Good day. I am currently using QBtnToggle and found out that the display of QBtnToggle between Mozilla Firefox and Google Chrome seems different. Is this expected to happen or is there some workaround to make the display the same on different browsers? The following are screenshots from the aforementioned Web browsers. Thanks in advance.

Google Chrome:

Mozilla Firefox:

And here’s the code snippet:

<q-btn-toggle
    size="xs"
    class="float-right"
    v-model="model"
    toggle-color="primary"
    @input="handleInput"
    :options="[
    {label: 'User', value: 'user'},
    {label: 'Company', value: 'company'},
    {label: 'Default', value: 'default'},
    {label: '', value: 'settings', icon:'settings'}
    ]"
/>

@hipernova Sorry for my late reply. Seems that notifications does not work anymore when someone replies on my previous posts.

Anyway, I did not customize any code in my QTable, I just added the code above between <q-table> and </q-table> tags.

You can change the width, in my example 400px, and specifying the slot in the slot directive by adding body-cell- to your column name. In my case, my column name is address so the slot name became body-cell-address.

@metalsadman Here’s the codepen: https://codepen.io/maple-syrup/pen/vYOyved
Seems that I can’t replicate it also here. I’ll verify the versions of my packages. Or I might have missed out something in my code. Thank you for informing me about having it in codepen.

Btw, I tried restyling the q-chip here instead of using truncation. Might be of help to others if they want this kind of style.

@s-molinari Yes, I’ve resorted to QDialog component as Dialog plugin is not sufficient for my implementation. Thank you for your response.

Good day, I’m currently playing with dialog plugin and seems good to me for just simple prompt. I’m wondering if the plugin can also return a Promise, as checking the documentation does not suggest so to take advantage of async-await function of javascript. It would be cool if it can be integrated as using callbacks sometimes reduces the readability of the code if you have a lot of branching in your code. Thanks!

Good day. I’m currently using a “Mark as read” function in my Android pet project using cordova-local-notification. My problem is when the app is closed (not in background) and you click on the “Mark as read” on the notif, the callback is not working, which is already an expected behavior since the app is not on the background. Is there any way I can do this with the app closed, like a plugin as a bridge between the notif and the database? I want to update a status in SQLite database to mark that notif as ‘read’ when the user click the ‘Mark as read’ button on the notif. Thanks!

Edit: I also tried a plugin for keeping the app on the background when you clicked the back button of Android for exit but the app can still be closed when you swipe-close the app when viewing currently opened windows.

Good day. I am using a bluetooth keyboard for typing in my Android smart phone and is encountering this weird behavior: in q-input, the cursor automatically goes on the first character of the previous word you typed if there is a spelling error, preventing you from typing the next word unless you type the correct English word.

I would like to get rid of this feature off since not all words that I type is in English. I tested it on websites with html only and seems that it also occurs so I don’t think that Quasar has something to do with it but I am really in a bind right now as I am encoding my study materials on my phone.

I already tried turning off autocorrect, autocapitalize, autocomplete, and spellcheck but to no avail.

I hope someone can help me with it. Thank you very much.

@metalsadman I found the bug now. An obscure function in my logic is causing the issue. Thanks again for your time

@metalsadman Here’s the codepen: https://codepen.io/maple-syrup/pen/vYOyved
Seems that I can’t replicate it also here. I’ll verify the versions of my packages. Or I might have missed out something in my code. Thank you for informing me about having it in codepen.

Btw, I tried restyling the q-chip here instead of using truncation. Might be of help to others if they want this kind of style.

@metalsadman i’m away from my computer at the moment. I’ll make one later. Thanks!

Good day. I have a q-select with q-chip directive and i have dynamic entries wherein a comma is present. As with the image attached, it separates the entry into two as its default behavior. Is there any way or workaround to specify a different separator for q-select? Thanks! As with the image, it should be “/extella/Intro to Matter, Energy and DC/1582391910131.jpg”

Finally found the issue. Seems that I need to put the following code in both created and activated life cycle hook:

this.categoryId = this.$route.query.categoryId

I don’t know the reason behind but it’s now working.

I also updated the description and the code.