FullscreenOverlayContainer not working

[GeorgeKnap]

What is the expected behavior?

Fullscreen should correctly display CDK drag & drop while in fullscreen via javascript Fullscreen API

What is the current behavior?

dragged object is not visible while dragging.

What are the steps to reproduce?

1. register FullscreenOverlayContainer in module providers:
   {provide: OverlayContainer, useClass: FullscreenOverlayContainer}
2. use screenfull npm package in angular aplication to implement fullscreen feature

dragged elements should be visible while dragging but not

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Angular: 7.2.3
Material & CDK: 7.3.0
Typescript 3.2.4
Windows 10
Chrome

Is there anything else we should know?

I create my own MaterialModule which imports & exports necessary modules from @angular/material. That module is being imported into each feature module that use the fullscreen function.

[crisbeto]

This is more of an issue with cdk/drag-drop than overlay.

[Ryan-Haines]

I also put this comment on #10679 :

I've added the FullscreenOverlayContainer to my @ngModule, and on desktop browsers, it works great! However, it does not work in fullscreen mode on Android - the menu is still shown behind the main content as it did before adding this provider. Is this a known issue and are there any workarounds to get this working on the android browser?

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}