v-onboarding icon indicating copy to clipboard operation
v-onboarding copied to clipboard

Overlay doesnt cover screen when css attribute zoom < 1 is applied on parent

Open micke-dahlgren opened this issue 10 months ago • 0 comments

The current solution of masking the current target using svg mask has some drawbacks - It doesnt account for any zoom applied to a parent element, and it also does not seem to account for border radius.

An alternative solution is to use background with opacity and then apply z-index and position:relative to the target. (Should probably do a check to see if the target already has a position-property where z-index can be applied, and also cleanup when leaving the step.) Example of the visual bug (and POC of alternative solution): https://stackblitz.com/edit/vitejs-vite-krz7l2?file=src%2Fcomponents%2FOnboarding.vue

micke-dahlgren avatar Apr 02 '24 13:04 micke-dahlgren