If I put md-toolbar with md-menu on a div element and go into full screen mode using
var elem = document.getElementById("my-div-id");
if (elem.requestFullscreen) {
elem.requestFullscreen();
}
else if (elem.webkitRequestFullScreen) {
elem.webkitRequestFullScreen();
}
then md-menu doesn't show at all
plunker: http://plnkr.co/edit/NCYYbZklZIdYra0xYsfF?p=preview
PS: you should launch it in separate window in order to process fullscreen requests
Environment: Angular 2.0.1 with Material alpha-9-3 using ng-cli
Browsers: latest Chrome & Firefox
Also the same problems appears with dialog, tooltip - all overlay-based components. It looks like overlay service should be tweaked to support full-screen mode (i.e. temporarily use another ElementRef to inject overlays) since everything outside full-screen div is hidden
Should be closed via #1949, right?
Yep
Can this be re-opened? I am still able to reproduce this issue: https://codepen.io/anon/pen/zRXqwm
@nancy-ly,This is a library for Angular 2 and later, not for Angular 1.x
@jelbourn this should be reopened
fullscreen only works in StackBlitz full window view:
https://angular-material2-issue-siqbmy.stackblitz.io
StackBlitz Editor: https://stackblitz.com/edit/angular-material2-issue-siqbmy
you should provide full screen overlay:
{ provide: OverlayContainer, useClass: FullscreenOverlayContainer },
import {
OverlayContainer,
FullscreenOverlayContainer
} from '@angular/cdk/overlay';
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._
Most helpful comment
you should provide full screen overlay:
{ provide: OverlayContainer, useClass: FullscreenOverlayContainer },