Dart 当放置在带有div目标的纸张阴影中时,剪切纸张下拉菜单

Dart 当放置在带有div目标的纸张阴影中时,剪切纸张下拉菜单,dart,dart-polymer,paper-elements,Dart,Dart Polymer,Paper Elements,我有一个纸影目标(div),当超过目标的高度时,它会剪辑纸张下拉菜单的滚动条。我希望下拉列表中的所有项目都可以滚动,但事实并非如此 …html代码 卡片 { 背景:白色; /*宽度:相对*/ /*高度:100%*/; /*位置:相对位置*/ 利润率:12像素; 边界半径:10px; } 来源 。省道锉 import'包装:polymer/polymer.dart'; 导入“dart:html”; 导入'dart:js'显示JsObject; 导入“包装:纸张元素/纸张项目。省道”显示纸张

我有一个纸影目标(div),当超过目标的高度时,它会剪辑纸张下拉菜单的滚动条。我希望下拉列表中的所有项目都可以滚动,但事实并非如此

…html代码


卡片
{
背景:白色;
/*宽度:相对*/
/*高度:100%*/;
/*位置:相对位置*/
利润率:12像素;
边界半径:10px;
}
来源

。省道锉

import'包装:polymer/polymer.dart';
导入“dart:html”;
导入'dart:js'显示JsObject;
导入“包装:纸张元素/纸张项目。省道”显示纸张项目;
@CustomTag('sss form')
类SssForm扩展了聚合关系
{
@可观察
映射选择=toObservable({});
@可观察
Map sourceChoices=toObservable(
{
“CSU”:“CSU”,
“膀胱水龙头”:“膀胱水龙头”,
“骨头”:“骨头”,
“耳朵”:“耳朵”,
“眼睛”:“眼睛”,
‘LP’:‘LP’,
‘鼻子’:‘鼻子’,
“腹膜腔”:“腹膜腔”,
“MSU”:“MSU”,
“嘴”:“嘴”,
“胸部”:“胸部”,
"溃疡":"溃疡",,
“静脉的”:“静脉的”
});
@可观测字符串源=“”;
@可观测int行=2;
@可观察列表;
SssForm.created():super.created();
void oncreselectsource(事件e,变量详细信息)
{
var detail=newjsobject.fromBrowserObject(e)['detail'];
如果(详细信息['isSelected'])
{
来源=(详细信息['item']为纸质物品)。标签;
打印('source |$source');
}
}
void addSpecimenRow()
{
行++;
打印(行);
打印(列表长度);
}
@凌驾
附页()
{
super.attached();
列表=toObservable(新列表(行));
}
}
然后,上面的.html文件托管在下面的.html文件中并运行


纸张选项卡[noink][nobar]纸张选项卡。核心-选定{
颜色:#ffff8d;
}
纸制标签。透明水鸭{
背景色:透明;
颜色:#00bcd4;
盒影:无;
}
纸张标签。透明青色::阴影#选择栏{
背景色:青色;/*#00bcd4*/
}
#选择,纸张复选框{
填充:5px10px 5px0;
}
#字段集{背景颜色:米色;}
电解质
当文件运行时,您将看到下拉垂直滚动条没有完全滚动以允许查看所有元素-只看到“眼睛”和上面的元素-下面的所有其他元素都被剪裁

第一印象可能是增加“卡片”的高度,但这会占用太多空间,并破坏我的目的

感谢您的帮助

这似乎是最近修复的问题

在下一个版本中,您可以将layered property In paper下拉列表用于此用例


谢谢你,冈特。你能看一下我在的第1个答案中的最后一句话吗。谢谢,教授,我错过了你的评论中包含的一个问题。