Skip to content
This repository has been archived by the owner on Sep 5, 2024. It is now read-only.

md-select dialog exceeds window bounds and prevents scrolling #1611

Closed
hovavo opened this issue Feb 22, 2015 · 1 comment
Closed

md-select dialog exceeds window bounds and prevents scrolling #1611

hovavo opened this issue Feb 22, 2015 · 1 comment
Assignees

Comments

@hovavo
Copy link

hovavo commented Feb 22, 2015

When md-select is at the bottom of the browser window, its dialog might exceed the window bounds so some options are hidden. Page scrolling is disabled in this state so the only way to get to these hidden options is to click outside, scroll the page and re-open.
Screenshot

@rschmukler rschmukler self-assigned this Feb 23, 2015
@Pedrazl
Copy link

Pedrazl commented Jun 6, 2016

I think I still have this issue, my select's options are cut at the bottom of the page.

<div layout="row" flex-offset="10">
                    <md-input-container flex="40" class="md-block">
                        <label>Select Target Type</label>
                        <md-select ng-model="busqueda.tipoTargetSeleccionado" ng-change="busqueda.obtenerTargetsDeTipo()">
                            <md-option ng-repeat="tipo in busqueda.datos.tipoTarget" ng-value="tipo">{{tipo.Nombre}}</md-option>
                        </md-select>
                    </md-input-container>
                    <md-input-container class="md-block" flex-offset="5" flex="40">
                        <label>Target</label>
                        <md-select ng-model="busqueda.targetSeleccionado">
                            <md-option ng-repeat="muestra in busqueda.muestrasDeTarget" ng-value="muestra">{{muestra.Target}}</md-option>
                        </md-select>
                    </md-input-container>
                    <!--<md-input-container flex="40" flex-offset="5">
                        <label>Target</label>
                        <input ng-model="theMax" ng-disabled="true">
                    </md-input-container>-->
                </div>

Here is a screenshot of what happen:

issuematerial

Is there something wrong on my layout or it's still a bug?
Thanks in advance,

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants