fix(overlay): change how containers are hidden

[simeonoff]

Closes #14030
Closes #14057

Additional information (check all that apply):

• Bug fix
• New functionality
• Documentation
• Demos
• CI/CD

Checklist:

• All relevant tags have been applied to this PR
• This PR includes unit tests covering all the new code (test guidelines)
• This PR includes API docs for newly added methods/properties (api docs guidelines)
• This PR includes feature/README.MD updates for the feature docs
• This PR includes general feature table updates in the root README.MD
• This PR includes CHANGELOG.MD updates for newly added functionality
• This PR contains breaking changes
• This PR includes ng update migrations for the breaking changes (migrations guidelines)
• This PR includes behavioral changes and the feature specification has been updated with them

[pmoleri]

@simeonoff I think there should be and explanation on why it's failing on Safari and why the workaround works. If not in the code at least here in the PR description.

[simeonoff]

@simeonoff I think there should be and explanation on why it's failing on Safari and why the workaround works. If not in the code at least here in the PR description.

I couldn't find the related issue. It has something to do with changing the display property of an element back to display: none. I fail to see why this is important to the end-user!? You should only care if the directive works as expected or not, am I wrong?

[pmoleri]

I fail to see why this is important to the end-user!? You should only care if the directive works as expected or not, am I wrong?

No, I don't think it's important for the end-user. I think it's importante for future maintainance, so someone else will have at least this bit of useful information when tracking back the change to this PR:

I couldn't find the related issue. It has something to do with changing the display property of an element back to display: none.

The base branch was changed.