Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

MdHint causes MdTab to show scrollbar #4051

Closed
julianobrasil opened this issue Apr 12, 2017 · 1 comment · Fixed by #4107
Closed

MdHint causes MdTab to show scrollbar #4051

julianobrasil opened this issue Apr 12, 2017 · 1 comment · Fixed by #4107
Assignees

Comments

@julianobrasil
Copy link
Contributor

julianobrasil commented Apr 12, 2017

Bug, feature request, or proposal:

Bug: MdTab shows the vertical scroll bar when it contains an md-hint inside input-container.

What is the expected behavior?

MdTab not showing the vertical scroll bar when using md-hint inside

What is the current behavior?

It's showing vertical scrollbar when I use md-hint in input-container

What are the steps to reproduce?

Try to put and remove the md-hint of this plunker: https://plnkr.co/edit/3jAsCcMtnDr3Sh39LMap?p=preview

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

Use md-hint

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

@angular/animations: 4.0.1
@angular/cli: 1.0.0
@angular/common: 4.0.1
@angular/compiler: 4.0.1
@angular/compiler-cli: 4.0.1
@angular/core: 4.0.1
@angular/flex-layout: 2.0.0-beta.7
@angular/forms: 4.0.1
@angular/http: 4.0.1
@angular/material: 2.0.0-beta.3
@angular/platform-browser: 4.0.1
@angular/platform-browser-dynamic: 4.0.1
@angular/platform-server: 4.0.1
@angular/router: 4.0.1

Is there anything else we should know?

As a workaround I'm using in styles.css

.mat-tab-body {
overflow-y: hidden !important;
}

but not sure about side efects of doing it.

@crisbeto crisbeto self-assigned this Apr 15, 2017
crisbeto added a commit to crisbeto/material2 that referenced this issue Apr 15, 2017
Fixes the input container hints causing an overflow on the parent by a couple of pixels. Note that this can be fixed alternatively by setting `line-height: 1` on the wrapper, however it causes multi-line hints to be a little too compact. I went with 1.2 since it seems to be the closest to the browser defaults for `normal`.

Fixes angular#4051.
@angular-automatic-lock-bot
Copy link

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.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Sep 5, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants