vuetifyjs/vuetify

[Feature Request] v-dialog fullscreen mode print

Open

#11249 opened on Apr 28, 2020

View on GitHub
 (3 comments) (4 reactions) (0 assignees)TypeScript (40,995 stars) (7,139 forks)batch import
C: VDialogT: featurehelp wanted

Description

Problem to solve

Please make it possible to print the v-dialog in fullscreen mode normally if it contains a lot of content

Proposed solution

.v-dialog__content.v-dialog__content--active { position: inherit; } .v-dialog--fullscreen { position: absolute; overflow: visible; }

But if you print from a page where there is a lot of content under the dialogue, then it prints all the content from the bottom

Contributor guide

Tech stack
vuetypescript
Domain
frontendaccessibility
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
VuetifyCSS
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
65
Research direction
Examine the v dialog component source in Vuetify, particularly the CSS for fullscreen mode and the .v dialog fullscreen class. Test the proposed CSS workaround in a print media query and verify if it breaks non print layouts. Check the issue comments for any maintainer guidance or alternative approaches.