[Feature Request][v-dialog] fullscreen reactivity

[CodeSkills]

Feature Request

When applying fullscreen for v-dialog based on the docs so it could be reactive.
<v-dialog :fullscreen="$vuetify.breakpoint.xsOnly"> ... </v-dialog>

Knows issues

• Overlay needs to be shown only if the fullscreen is true, otherwise it could be destroyed and again generated only when resize happens with fullscreen false.
• Scrollbar is hidden when fullscreen, even if the dialog is not visible yet ([Bug Report] Y overflow is hidden on mobile #5566).

[johnleider]

I'm a bit confused by this request. Are you asking for the v-dialog component to automatically use the breakpoint object to change its state?

[CodeSkills]

No, by reactivity I mean the possibility to resize the window while the dialog is open (for ex. from landscape)

Now the state is taken before the dialog is open, now while its open. Mostly for the backdrop now. When you open the dialog in fullscreen and then the viewport changes to classic dialog the backdrop is missing and vice versa.

Most usages of this are on portable devices like tablets.

Hope I answered your question.

[KaelWD]

@CodeSkills Can you find the codepen you posted in discord and put it in the issue?

EDIT: updated codepen as of 1.0.10: https://codepen.io/anon/pen/ZxXQrp?editors=1010

[CodeSkills]

It was this one

https://codepen.io/anon/pen/yzRdMJ

But it was to show the problem with backdrop not disappearing after fullscreen dialog close, which was already fixed. But the backdrop is not reactive, which you can see there also.

[bartmichu]

Shouldn't this be treated as a bug? I was just going to open a new issue when I found this one and I believe it describes the same problem.

Code:
<v-dialog value="true" :fullscreen="$vuetify.breakpoint.xs" persistent max-width="90%">

When you open a dialog on XS it is in full screen mode as expected. But now if you resize to something bigger and toggle fullscreen programmatically there is no shade in the background - and that's a bug.

[KaelWD]

Yeah probably

[bartmichu]

It's not only a visual problem (no backdrop). Everything in the "background" will react to events now.

[johnleider]

This is being moved to v1.4 as it is directly tied to #5015

[narkissbv]

Hey guys,
What's the status here? I've just tried reactively change the state of fullscreen like so: :fullscreen="$vuetify.breakpoint.mdAndDown" and it seems to not work.
Using Vuetify v1.4.4.

[YaoHuangMark]

It's not only a visual problem (no backdrop). Everything in the "background" will react to events now.

@bartmichu Have you solved this bug

[bartmichu]

Now it works as expected in my case, #5707 fixed it for me.

[YaoHuangMark]

@bartmichu @johnleider
I actually want to ask, a full-screen dialog, when I type something into the text-field on my phone, I can see and swipe the background content, I can see all the background content。
If you know，please tell me