mobilepadawan / toastit-js Goto Github PK

Using the ToastIt JS library with the 'warning' value does not work.

Instead appears the grey color/style by default.

We need to analyze the proper solution for longest messages.

An option is to cut any text exceeded from XX characters. Another option is to let the developer asume the responsibility to control it.

A good improvement to this library is to add other CSS files as an alternative where the user can find more CSS styles. e.g.:

• pastel color CSS classes
• shimmering color CSS classes
• and many additional options

ToastIt JS is inserted over the HTML body element. This works fine while a HTML is not showing in the HTML document.

When you open a element and code a logic to interact with ToastIt JS, the ToastIt div is located behind the ::backdrop CSS style applied over the element.

To stack more than one notification on screen. Evaluate if it is possible, really necessary, or maybe we can let the toast it working as now.

Change the position of the Toast in screen, enabling the option to placing it at center, left, top and bottom the toast message.

To introduce a fallback action support to execute another function from ToastIt when the user clicked or tapped over the toast message on screen.

Use Toast-It JS by CDN referencing

Unlock the support for more than 10 seconds of onscreen toast messages and verify what happens if its receive a negative number as a timer.

ToastIt JS is located in the background of the screen when its fired from a HTML <dialog> that is using ::backdrop property.

We need to fix this bug and make a som tests to confirm the solution.

It will coming to solved in the next version of ToastIt.

Cut or truncate text messages exceeded in length.