Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Full screen dialog in mobile mode
See original GitHub issueBug, feature request, or proposal:
A bug to me
What is the expected behavior?
Being able to have full screen dialogs by overriding cdk-overlay-pane class
What is the current behavior?
Not possible because framework adds max-width: 80vw; to element’s style
What are the steps to reproduce?
Override cdk-overlay-pane with width: 100% and see it ignored because of max-width: 80vw; in the style
What is the use-case or motivation for changing an existing behavior?
Displaying html blobs of site’s T&C and privacy policy. May not the best way to use dialogs, but nonetheless…
Which versions of Angular, Material, OS, TypeScript, browsers are affected?
Angular 5.2.3, Material 5.2.0
Is there anything else we should know?
I’m upgrading a site from an early 2.0.0.beta8 where this was possible.
Issue Analytics
- State:
- Created 6 years ago
- Reactions:3
- Comments:9 (1 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
It’d be nice if modals could provide a full screen modal when on mobile (sm & xs) screens.
fullscreen dialog is actually in the material design spec. https://material.io/design/components/dialogs.html#full-screen-dialog
can we have something like this in angular material?