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

md-select right text overflow #3504

Closed
SebastianGiro opened this issue Mar 8, 2017 · 1 comment · Fixed by #3864
Closed

md-select right text overflow #3504

SebastianGiro opened this issue Mar 8, 2017 · 1 comment · Fixed by #3864
Assignees

Comments

@SebastianGiro
Copy link

SebastianGiro commented Mar 8, 2017

Bug, feature request, or proposal:

image

The mat-select-panel goes behind window if it is to close to the right.
(the cdk-overlay has a wrong left style)

What is the expected behavior?

The mat-select-panel needs to go to the left. (If you can add something like mat-select-parent-class
to the md-select, you can fix it easily using custom css)

What is the current behavior?

The mat-select-content can't have a custom class, and it will not auto position itself to the left, it will go
behind the window.

What are the steps to reproduce?

Just put a select all to the right with a medium text, and click it.
Or just see the Plunker:
http://plnkr.co/6AKBKE6ZwhCKMFbK1PwF?p=preview

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

We can't have a select all to the right because of this bug or lack of feature

Is there anything else we should know?

The problem itself is the overlay system.

If we can pass something like this:
<md-select placeholder-position="right || left">
or
<md-select custom-class="placeholder-right">

We can set the left of the overlay manually or add a custom class and add a margin to the placeholder (.mat-select-panel) inside the overlay

@crisbeto crisbeto self-assigned this Mar 31, 2017
crisbeto added a commit to crisbeto/material2 that referenced this issue Mar 31, 2017
…ntally

Prevents the select panel from going outside the viewport along the x axis.

Fixes angular#3504.
Fixes angular#3831.
crisbeto added a commit to crisbeto/material2 that referenced this issue Mar 31, 2017
…ntally

Prevents the select panel from going outside the viewport along the x axis.

Fixes angular#3504.
Fixes angular#3831.
crisbeto added a commit to crisbeto/material2 that referenced this issue Apr 1, 2017
…ntally

Prevents the select panel from going outside the viewport along the x axis.

Fixes angular#3504.
Fixes angular#3831.
crisbeto added a commit to crisbeto/material2 that referenced this issue Apr 1, 2017
…ntally

Prevents the select panel from going outside the viewport along the x axis.

Fixes angular#3504.
Fixes angular#3831.
crisbeto added a commit to crisbeto/material2 that referenced this issue Apr 1, 2017
…ntally

Prevents the select panel from going outside the viewport along the x axis.

Fixes angular#3504.
Fixes angular#3831.
crisbeto added a commit to crisbeto/material2 that referenced this issue Apr 18, 2017
…ntally

Prevents the select panel from going outside the viewport along the x axis.

Fixes angular#3504.
Fixes angular#3831.
crisbeto added a commit to crisbeto/material2 that referenced this issue Apr 19, 2017
…ntally

Prevents the select panel from going outside the viewport along the x axis.

Fixes angular#3504.
Fixes angular#3831.
crisbeto added a commit to crisbeto/material2 that referenced this issue Apr 19, 2017
…ntally

Prevents the select panel from going outside the viewport along the x axis.

Fixes angular#3504.
Fixes angular#3831.
crisbeto added a commit to crisbeto/material2 that referenced this issue Apr 21, 2017
…ntally

Prevents the select panel from going outside the viewport along the x axis.

Fixes angular#3504.
Fixes angular#3831.
crisbeto added a commit to crisbeto/material2 that referenced this issue Apr 21, 2017
…ntally

Prevents the select panel from going outside the viewport along the x axis.

Fixes angular#3504.
Fixes angular#3831.
kara pushed a commit that referenced this issue Apr 21, 2017
@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