Tested Browserscope:
- IE 11+ (could be adjusted for IE10)
- Edge 11+
- Chrome ?+
- Firefox ?+
Required features:
- ecmascript 5+
- flexbox
- dataset
Usage: every modal needs to look like this:
<div class="modal" data-modal id="m5" hidden>
<div class="modal__content" style="width:38vw">
[any content here]
</div>
</div>
there needs to be a node after the last visible node in the document body, which needs to have the following properties:
<div class="modal__helper" data-modal-helper tabindex="0"></div>
modals can be defined anywhere, they will be dynamically moved to right in front of the tabHelper