@benoitranque I used it in QLayout like in 0.14 and it didn’t work. I didn’t notice that in 0.15 the reveal property moved to QLayoutHeader/QLayoutFooter as @cheebhodh mentioned. Now it works. Thanks @cheebhodh !
Best posts made by rusia
QUploader warning in console
I added a QUploader to my component. It works okay. But when I press the upload button I get this message in console:
[Vue warn]: Unknown custom element: <q-spinner-undefined> - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in ---> <QSpinner> <QInputFrame> <QUploader> <Component> at resources\assets\js\components\Component.vue <Root>
File is uploaded properly, everything is correct except for this ugly warning in console.
Quasar + Phaser: problems in fullscreen mode in Chrome, but works in Firefox
I’m creating a html5 game using Phaser 3 game engine and I want to use Vue and Quasar advantages in it.
The problem is that in fullscreen mode Quasar doesn’t work in all major browsers except Firefox and UC Browser
Here’s the code: https://codepen.io/rusia_/pen/JzrVpm
Before displaying Quasar dialog I have to hide Phaser canvas with
style="display: none;"and then after the dialog is closed the canvas restores.
If you click “Go fullscreen” and then “Open Quasar” you will see a QDialog.
All browsers display it properly, but the button “Return to Phaser” works only in Firefox (both desktop and mobile) and UC Browser (mobile). I didn’t test in Safari because I don’t have an iPhone.
In all other browsers to make it work you have to exit fullscreen by pressing Esc or F11 (or Back button on mobile)
I tested in all major browsers on Android and Windows (except Edge).
What am I doing wrong? Or is it a Quasar bug or Phaser bug or browser bug or whatever?
RE: Quasar + Phaser: problems in fullscreen mode in Chrome, but works in Firefox
@michael123, Yes, I found a solution. Though I’d rather say I found a workaround not a solution. I’ll give you more details later. To be honest I already forgot how exactly I solved this))
I didn’t say that Quasar’s fullscreen api didn’t work, it works well. I only said that in this particular case when Quasar is combined with Phaser there were some problems in major browsers except Firefox.
<div id="q-app"></div>so that it looks like
<div id="q-app"> <div id="phaser"></div> </div>
then you have problems.
But if you isolate them:
<div id="phaser"></div> <div id="q-app"></div>
then they can live together.
I believe that generally it’s only html/css problem. Despite all my years of coding experience I still can’t grok css))