question-mark
Stuck on an issue?

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.

MdDialog scroll in another context

See original GitHub issue

feature request, proposal:

I dont want to scroll the md-dialog-content but the whole dialog so the scrollbar is outside of the dialog.

What is the expected behavior?

Scroll the entire dialog and not only the md-dialog-content. I created a small example with the expected behaviour. You can find it here on codepen.

What is the current behavior?

md-dialog-content is scrolled inside the dialog.

What is the use-case or motivation for changing an existing behavior?

The developer should have to decide how the dialog is scrolled to match it with a specific use case.

Is there anything else we should know?

I’ve read in the changelog that there is a new ScrollStrategy API to affect the scrolling of overlays but I cannot find any documentation and the MdDialogConfig does not support the scrollStrategy option.

So it is possible to change the scrolling behaviour for the dialog at the current version? If so then how?

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:12 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
m98commented, Jul 4, 2017

@julianobrasil scrolling whole dialog is not what material design says:

For scrollable lists of options, the dialog title remains pinned to the top. This ensures that a selected item remains visible with the title, regardless of the item’s position in the list. Otherwise, the title scrolls off with the content. Actions always remain in place when content scrolls. Dialogs are separate from the underlying parent material and do not scroll with it. (source)

0reactions
angular-automatic-lock-bot[bot]commented, Sep 6, 2019

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.

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to scroll md-dialog panel and don't close it?
Hi I am using angular material md-dialog manel. ... As you can see I use clickOutsideToClose: true (i need to have it). But...
Read more >
Services > $mdDialog - AngularJS Material
$mdDialog opens a dialog over the app to inform users about critical information or require them to make decisions. There are two approaches...
Read more >
$mdDialog scrollbar blinking - Plunker
For example, window resize events that fire many times a second: * If we set to ... return function throttled() { var context...
Read more >
Dialog - Installation - react-md
The main accessibility features and other features for dialogs are: ... well as a context component for handling multiple dialogs at once within...
Read more >
ModalView — Kivy 2.1.0 documentation
background is a StringProperty and defaults to 'atlas://data/images/defaulttheme/modalview-background'. background_color¶. Background color, in the format (r, g ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found