Components: bug(mat-divider): The divider does not display

[faisalmuhammad]

Bug, feature request, or proposal:

Bug

What is the expected behavior?

The divider should display independent of the the "mat-list"

What is the current behavior?

The divider does not display in on the page unless I add atleast one "mat-list" in the app.

What are the steps to reproduce?

• Demo with WRONG BEHAVIOR
• Demo with CORRECT BEHAVIOR

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

• Angular 5.0.0
• Angular Material 5.0.4

[julianobrasil]

Dupe: #9380

[faisalmuhammad]

@julianobrasil , please read the issue again. The issue mentioned by you is totally different. In my case, I have no importing issue and I dont get any error. The problem is with the displaying of the divider. Please see the demos I linked in the issue description. Or did I miss something ?

[julianobrasil]

@faisalmuhammad, there's a new component, called mat-divider, that is independent of mat-list. It has been made accidentaly available in 5.0.3 and is not available anymore in 5.0.4. It'll probably be available again in 5.1.0. That's why I linked the other issue.

[faisalmuhammad]

Makes sense. Thanks for clearing that (Y)

[julianobrasil]

So you can close this one.

[julianobrasil]

@faisalmuhammad <mat-divider> is officially available now: https://github.com/angular/material2/blob/master/CHANGELOG.md

[charlesritchea]

mat-divider is still invisible

[crizzy9]

Still facing this issue can only see vertical mat-divider inside mat-toolbar. Any fixes available?

[ghinton]

You can hardcode the style width / height of the element to a fixed value or % which causes it to render, with or without child elements

[angular-automatic-lock-bot[bot]]

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