Crayons fw-toast - type error does not display correctly and reappears after fade

When you use the fw-toast with the type set to error the contents are all squashed to the left and after the toast times out it reappears and you can’t dismiss it. See image below. It works perfectly with the other types ie. warning, success, inprogress. As an aside the jQuery selector does not work with this component either. You have to use document.querySelector.

Screenshot 2022-01-11 125138

Hi Rob,

I was unable to reproduce the issue.
Please have a look here:

I am guessing this is due to some CSS conflict that is by your app. Can you check whether your app has a .error css class declared somewhere which might cause this?



Thanks Asif. That was exactly the problem.

This topic was automatically closed 6 days after the last reply. New replies are no longer allowed.