vuesax-next icon indicating copy to clipboard operation
vuesax-next copied to clipboard

Notification - add property undefined - dark color - VuesaxNext

Open Cotliner opened this issue 3 years ago • 7 comments

Hello, I found an issue when I use dark color on Notification with vuesax, I get this error message.

[Vue warn]: Error in nextTick: "TypeError: Cannot read property 'add' of undefined" (found in <Root>)

TypeError: Cannot read property 'add' of undefined at setColor (vuesax.js?574d:18214) at VueComponent.eval (vuesax.js?574d:25497) at Array.eval (vue.runtime.esm.js?2b0e:1980) at flushCallbacks (vue.runtime.esm.js?2b0e:1906)

Thank's

Cotliner avatar Aug 29 '20 10:08 Cotliner

I tried creating dark notification programmatically and it works:

this.$vs.notification({
      color: 'dark',
      duration: 'none'
})

ayushsharma82 avatar Aug 31 '20 03:08 ayushsharma82

Hello @ayushsharma82 when I use with those params:

      this.$vs.notification({
        icon: `<i class='bx bx-check' ></i>`,
        duration: 10000,
        progress: 'auto',
        position: 'bottom-center',
        title: title,
        text: text,
        border: 'dark',
      })

I get this message error.

Cotliner avatar Aug 31 '20 09:08 Cotliner

image

Used your exact configuration. It's working in my case.

Try updating your vuesax to latest alpha release. npm install vuesax@next

ayushsharma82 avatar Aug 31 '20 13:08 ayushsharma82

Ahh. Got it! This error comes when we click the close button. Let me see where the error is coming from.

ayushsharma82 avatar Aug 31 '20 13:08 ayushsharma82

Added a pull request to fix this bug. @luisDanielRoviraContreras

ayushsharma82 avatar Aug 31 '20 13:08 ayushsharma82

I'm going to review it and join it, thank you very much

@luisDanielRoviraContreras Any updates?

kirtan403 avatar Apr 18 '21 09:04 kirtan403