E022 - Herst/bootlint-ng GitHub Wiki

Note: Below is the original page from the Bootlint documentation, some of the info here might not apply to Bootlint-NG!


E022

Modal markup should not be placed within other components, so as to avoid the component's styles interfering with the modal's appearance or functionality

As noted in the Modal plugin's documentation:

Always try to place a modal's HTML code in a top-level position in your document to avoid other components affecting the modal's appearance and/or functionality.

Which is to say that the <div class="modal"> should not be buried within the markup for another component, such as a <table> or navbar (which are both known to be particularly problematic). It should be a child of the <body> or of a relatively high-level division of your webpage.

⚠️ **GitHub.com Fallback** ⚠️