PrimeVue 3.7.x missing maskbg variable

UI Components for Vue
Post Reply
colinbes
Posts: 17
Joined: 26 May 2021, 23:50

17 Sep 2021, 22:05

I just updated from PrimeVue 3.6.4 to PrimeVue 3.7.2 and when building image I get error

Code: Select all

[vite:css] variable --maskbg is undefined and used without a fallback
101|    }
102|    to {
103|      background-color: var(--maskbg);
   |       ^
104|    }
105|  }
[vite:css] variable --maskbg is undefined and used without a fallback
106|  @keyframes p-component-overlay-leave-animation {
107|    from {
108|      background-color: var(--maskbg);
   |       ^
109|    }
110|    to {
It appears the maskbg variable is used in the themes and is not defined in the root - I do see it defined in CSS sections, for example:

Code: Select all

.p-component-overlay {
  background-color: rgba(0, 0, 0, 0.4);
  transition-duration: 0.2s;
  --maskbg: rgba(0, 0, 0, 0.4);
}
Version 3.6.4 did not give this error.

If I add maskbg to :root in theme I am using then build warning/error goes away but am concerned that there may be some other issue.

Code: Select all

:root {
  --maskbg: rgba(0, 0, 0, 0.9);
I also performed a search through all files under node_modules/primevue and only found reference to maskbg in the theme files.

tugce.kucukoglu
Posts: 560
Joined: 23 Oct 2020, 09:28

16 Nov 2021, 14:09

Hi,

Please try with the latest version and create a new ticket if issue persists so that we can work on it again.

Best,

Post Reply

Return to “PrimeVue”

  • Information
  • Who is online

    Users browsing this forum: Google [Bot] and 3 guests