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 after opening add style and css class to html element, which breaks ui

See original GitHub issue

Bug, feature request, or proposal:

bug i guess

What is the expected behavior?

do not add any styles and classes to html element

What is the current behavior?

MdDialog after open add to html element class="cdk-global-scrollblock" style="left: 0px; top: 0px;" and if to scroll down and open a dialog, we will get <html lang="en" class="cdk-global-scrollblock" style="left: 0px; top: -1161px;">

and after this style, all my background moves(even if it position: fixed)

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

angular - 4.4.4 material/cdk - 2.0.0-beta.11 typescript - 2.4.2 All browsers

p.s. in beta.8 version i haven’t seen this behavior

Issue Analytics

State:
Created 6 years ago
Comments:5 (1 by maintainers)

Top GitHub Comments

1reaction

lymychmcommented, Oct 3, 2017

thank you, and sorry for duplicate, i didn’t found this issue, it works for me, just add top/bottom css for fixed elements, and it helps

0reactions

angular-automatic-lock-bot[bot]commented, Sep 10, 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.}

Top Results From Across the Web

md dialog not working properly? - Stack Overflow

1 Answer 1 ; When I click edit, should I put the task details' $scope in the showDialog or the controller? – mshwf....

Services > $mdDialog - AngularJS Material

When using a string as value, $mdDialog will automatically query the DOM for the specified CSS selector. <div style="visibility: hidden"> <div class ......

$mdDialog scrollbar blinking - Plunker

We need to add `element.focus()`, because it's testable unlike ... or not to always watch themes for changes and re-apply * classes when...

Dialog | Angular Material

The MatDialog service can be used to open modal dialogs with Material Design styling and animations. Dialog Overview.

Angular Material Dialog: A Complete Example

Step 2 of 5 - Creating and opening an Angular Material Dialog ... panelClass : adds a list of custom CSS classes to...