@saekitominaga/htmlformelement-submit-overlay v2.2.1

Cover the entire screen with an overlay when form submitting

Demo

• Demo page

Examples

<script type="module">
import FormSubmitOverlay from './dist/FormSubmitOverlay.js';

for (const formElement of document.querySelectorAll('.js-submit-overlay')) {
  const formSubmitOverlay = new FormSubmitOverlay(formElement);
  formSubmitOverlay.init();
}
</script>

<form class="js-submit-overlay"
  data-overlayed-by="form-submit-overlay"
>
</form>

<dialog id="form-submit-overlay" aria-labelledby="form-submit-overlay-message" aria-describedby="form-submit-overlay-message">
  <p id="form-submit-overlay-message">Loading...</p>
</dialog>

Constructor

new FormSubmitOverlay(
  thisElement: HTMLFormElement
)

Parameters

HTMLElement Attributes