Components: bug(menu): menu doesn't work in full screen mode

Created on 27 Oct 2016  路  8Comments  路  Source: angular/components

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

has pr

Most helpful comment

you should provide full screen overlay:

{ provide: OverlayContainer, useClass: FullscreenOverlayContainer },

import {
  OverlayContainer,
  FullscreenOverlayContainer
} from '@angular/cdk/overlay';

All 8 comments

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._

Was this page helpful?
0 / 5 - 0 ratings