Skip to content

The style property 'display' of the mat-paginator component should set to 'display: block' by default #8454

@MJomaa

Description

@MJomaa

Bug, feature request, or proposal:

Proposal

What is the expected behavior?

The mat-paginator is usually used above or under a collection, table, etc.
Therefore display: block; should be used to render correctly its width and borders if modified externally by the .mat-paginator selector.

What is the current behavior?

There is no display style property defined on the host.

What are the steps to reproduce?

You can actually see that the style property is missing in the source code:
https://github.com/angular/material2/blob/master/src/lib/paginator/paginator.scss
https://github.com/angular/material2/blob/master/src/lib/paginator/paginator.ts

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

The mat-paginator is usually used above or under a collection, table, etc.
Therefore display: block; should be used to render correctly its width and borders if modified externally by a .mat-paginator selector.

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

Angular: 5.0.0
Material2: 5.0.0-rc0
OS: Debian 8
TypeScript: 2.4.2
Browser: Chrome, Firefox, etc.

Is there anything else we should know?

No

Metadata

Metadata

Assignees

Labels

P4A relatively minor issue that is not relevant to core functions

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions