Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Toast dismissing not working #1060

Closed
Taarek opened this issue Jun 29, 2022 · 3 comments · Fixed by #1147
Closed

Toast dismissing not working #1060

Taarek opened this issue Jun 29, 2022 · 3 comments · Fixed by #1147
Assignees
Milestone

Comments

@Taarek
Copy link

Taarek commented Jun 29, 2022

It's not possible to have the Toast either automatically hide, or be able to dismiss it manually.
Even the basic example from https://tailwind-elements.com/docs/standard/components/toast/ doesn't work.

It's not an issue with the JS lib not being loaded in correctly, because other components works just fine (i.e alerts dismissing and dropdowns)

Apologies if I'm doing anything wrong, but I've been going around scratching my head about this for a little while now, so appreciate any advice!

@joergrech
Copy link

Any tips how to fix this?

@jdnichollsc
Copy link

@Taarek @joergrech did you try using data-bs-dismis instead of data-mdb-dismiss? 🤔

@joergrech
Copy link

joergrech commented Oct 18, 2022

Neither data-bs-dismis nor data-bs-dismiss works in that way - with the last one (data-bs-dismiss) I get:

Uncaught TypeError: Cannot read properties of undefined (reading 'classList')
    at o.value (toast.js:112:24)
    at HTMLButtonElement.<anonymous> (component-functions.js:28:14)
    at HTMLDocument.t (event-handler.js:119:21)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: Done
Development

Successfully merging a pull request may close this issue.

5 participants