codedbyglenden / super-simple-modals Goto Github PK

1.0 1.0 0.0 85 KB

Super Simple Modals is a small Vanilla JavaScript library that does what it says on the tin. Allow you to create pop-up modals on your website in no time, with a tiny amount of code.

Home Page: https://super-simple-modals.vercel.app

License: GNU General Public License v3.0

JavaScript 86.63% SCSS 13.37%

accessibility css javascript modal modal-dialog vanilla vanilla-javascript

super-simple-modals's People

Contributors

Stargazers

Watchers

super-simple-modals's Issues

Make cancel / approve buttons conditional

Write the wiki (documentation)

Self explanatory, but needs to be done.

Add styles for long content section

Need to follow accessibility guidelines here, & make sure we don't auto select focus past the main content.

Add a UMD to npm

Backwards compatible Styles & JS

Discussed in #6

^{Originally posted by TheOneAndOnlyZulu March 8, 2022}
We want to use the latest & greatest in the world of JS & css, but we should also think of the poor souls that need to support IE 🤮

One set of css/js files for modern browsers that will only work on the latest patch of all browsers
One set of css/js files for elderly browsers IE 11 (I refuse to support anything earlier than IE11).

Add quick start information to readme

Add quick start info to the read me, with install instructions for yarn/npm

Investigate the addition of Github pages

Example 3 - Form submission example.

Maybe add some kind of api integration to demo the movement of data between the modal & callback.

Example 4 - Long content example

Demo how to handle long content, & keep focus at the top of the modal instead of tabbing to the first focusable element which could be at the bottom of the modal (scrolling the user past the content).

Open / close animations

Discussed in #4

^{Originally posted by TheOneAndOnlyZulu March 8, 2022}
Add open / close animations as a minor SCSS file that can be optionally enqueued alongside the base styles.

Styles should account for prefers-reduced-motion

Discussed in https://github.com/TheOneAndOnlyZulu/Super-Simple-Modals/discussions/7

^{Originally posted by TheOneAndOnlyZulu March 8, 2022}

We must have order! Linting & JS tests will help catch bugs before they reach production.