[Feat]: Decide DOM location of modal

[robbertkooiman]

Description

Screen readers will automatically focus the cookie consent modal, because of the tabindex: -1. I would like to configure where the modal is located in the DOM so that tab order is not changed. Currently, when I tab normally, the order is like this:

• Begin
• Skip all website content because of tab index
• Cookie consent modal
• End of site

Personally, I think having the modal take tab index is a good thing, but skipping the website is not. I would like to place the modal on the top of the DOM for this reason.

Proposed solution

• Make the tabindex configurable
• Make the DOM location configurable

Additional details

No response

[orestbida]

You can change the location via the root option.

You could create a div with id=xyz on the very top, and then set root=document.getElementById('xyz').