The right drawer needs some CSS optimisation, as after hide and reveal back the font is blurred.
You can check the main content and the right drawer's text in the attached image. The text is not blurred before hiding the drawer.
Adding translateZ in the animations seems to help, but haven't tried it properly from the Chrome dev tools.
.v-navigation-drawer {
transform: translateZ(0) translateX(0%);
}
Apparently it has to be added in the JS animation for when drawer is opened.
The right drawer needs some CSS optimisation, as after hide and reveal back the font is blurred.
You can check the main content and the right drawer's text in the attached image. The text is not blurred before hiding the drawer.
Adding
translateZin the animations seems to help, but haven't tried it properly from the Chrome dev tools.