Closed mwinters-stuff closed 9 years ago
When used in a small dialog, dropdown doesnt layer outside the dialog..
Ie, create a dialog
<paper-dialog id="edit_sensor_dialog" heading="{{dialogSensor.id == null ? 'New' : 'Edit'}} Sensor" transition="paper-transition-center"> <div id="sensor_edit_form" layout vertical> <paper-input id="input_sensor_name" label="Name" floatingLabel="true" value="{{dialogSensor.name}}" required="true"> </paper-input> <paper-dropdown-menu id="input_sensor_type" valueattr="id" label="Sensor Type" selected="{{dialogSensor.type}}" > <template repeat="{{type in sensorTypes}}"> <paper-item id="{{type.name}}" label="{{type.caption}}"</paper-item> </template> </paper-dropdown-menu> </div> <paper-button id="buttonCancel" dismissive>Cancel</paper-button> <paper-button id="buttonOk" affirmative on-tap="{{sensorButtonOkTapped}}">Ok</paper-button> </paper-dialog>
The sensorTypes array has > 10 items, the dropdown will show within the dialog/div causing scrollbars to appear. The dropdown should be able to show outside the dialogs bounds..
In the next release, you can use the layered property in paper-dropdown for this use case.
layered
paper-dropdown
When used in a small dialog, dropdown doesnt layer outside the dialog..
Ie, create a dialog
The sensorTypes array has > 10 items, the dropdown will show within the dialog/div causing scrollbars to appear. The dropdown should be able to show outside the dialogs bounds..