fix(VNavigationDrawer): wait for nextTick in isTemporary watch

[vexleet]

Description

When having rail as a prop and v-model i noticed that while resizing the drawer scrim stayed on top and application became unusable because isActive value stayed benig true. Thats why I added nextTick on the update of isActive so when all resizing is done and DOM is updated, we update isActive.

Not 100% sure why this was happening only when you had rail as a prop, but like I said I noticed isActive state being true when you resize.

fix #15807

Motivation and Context

How Has This Been Tested?

I tested visially but I can also maybe create tests checking if scrim is on top when resizing the window

Markup:

// Paste your FULL Playground.vue here

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Improvement/refactoring (non-breaking change that doesn't add any features but makes things better)

Checklist:

• The PR title is no longer than 64 characters.
• The PR is submitted to the correct branch (master for bug fixes and documentation updates, dev for new features and backwards compatible changes and next for non-backwards compatible changes).
• My code follows the code style of this project.
• I've added relevant changes to the documentation (applies to new features and breaking changes in core library)

[johnleider]

I feel like this has more to do with v-overlay than v-navigation-drawer. @KaelWD thoughts?

[vexleet]

I feel like this has more to do with v-overlay than v-navigation-drawer. @KaelWD thoughts?

I personally dont think so because v-overlay is not really used in v-navigation-drawer, because in navigation drawer we only have a div that adds the overlay.

vuetify/packages/vuetify/src/components/VNavigationDrawer/VNavigationDrawer.tsx

Lines 244 to 252 in d72381d

	<Transition name="fade-transition">
	{ isTemporary.value && (isDragging.value || isActive.value) && !!props.scrim && (
	<div
	class={['v-navigation-drawer__scrim', scrimColor.backgroundColorClasses.value]}
	style={[scrimStyles.value, scrimColor.backgroundColorStyles.value]}
	onClick={ () => isActive.value = false }
	/>
	)}
	</Transition>