Pointer cancellation impossible on the background

[juliemoynatPro]

Hi,

This is not possible to cancel a click on the modal transparent black background (cf. WCAG 2.5.2 "Pointer cancellation").

I think this is because the background is on a container of the modal window, so even if you move the pointer from the transparent black background to the center of the modal window, it will close the modal window. But I let you investigate to find the good solution to fix it.

[juliemoynatPro]

I looked for some examples of other modal windows. It seems that when the transparent black background is on a container of the content, the problem is actually there.
For example, Bootstrap has the same problem.

But if I test a modal window where the transparent black background is on an empty div alone, so I can cancel my click by moving my mouse pointer inside the modal window and releasing my click here.
You can see it on the modal window example from this article of FreeCodeCamp.

So I think that making the transparent black background with an empty div alone may be the best solution.
(Or you can also decide that a click on the background doesn't close the modal window, of course.)