2014-10-24 4 views
1

У меня возникла проблема с компонентом меню выпадающего списка бумаги, где его высота расширения, по-видимому, ограничена вмещающим ядром-коллапсом на его содержащем элементе. Есть ли способ предотвратить это? (см. изображения, демонстрирующие симптомы ниже). Другой связанный побочный эффект, по-видимому, заключается в том, что когда количество элементов в раскрывающемся списке создает высоту выпадающего списка, которая обычно расширяется ниже дна содержащего сбрасываемый элемент, это приводит к тому, что верхний стиль CSS выпадающего списка быть переопределенным, подталкивая верхнюю часть элемента выше в самом сворачивающемся элементе контейнера, когда он расширяется. Независимо от его нового верхнего выравнивания, он по-прежнему не отображает весь список опций, так как высота самого раскрывающегося списка остается неизменной. Кто-нибудь сталкивается с подобными проблемами? Я могу опубликовать jsbin, но он немного запутан из-за меня, используя пользовательский элемент полимера, который состоит из значка, управления вводом и опционально отображаемой/выбираемой единицы измерения. Поэтому, прежде чем делать это, я надеялся, что кто-то сразу узнает эту проблему и сможет указать мне в правильном направлении. Это использует хром V38 и последние бумаги выпадающего-меню и коллапс ядра компонентов (становая^0.4.0)Высота раскрывающегося меню полимерной бумаги, ограниченная ядром-коллапсом?

нераспространенных (обратите внимание на верхнее выравнивание):

Unexpanded (note top alignment):

Expanded (там должны быть не менее 5 вариантов, но они отрезаны от основного коллапса и обратите внимание на измененный по верхнему краю, а):

Expanded (there should be 5 options and note the altered top alignment):

Правильной работа (когда высота выпадающей такой же или меньше, чем Конт высота развальцованного элемента): Proper operation when dropdown height is smaller (within containing element size)

+0

Я вижу то же самое с 0.4.2, которое включает атрибут allowOverflow в ядре-коллапсе. Установка атрибута fixedSize при сглаживании ядра и наклон высоты до большого числа работает до тех пор, пока выпадающие списки не будут соответствовать размеру экрана: раскрывающиеся выходы отображаются с требуемой высотой и с помощью полос прокрутки, где это необходимо, но не могут переключите фокус на полосы прокрутки, чтобы на самом деле прокрутить. – user2778525

+0

Я попробовал альтернативу roll-your-own с раскрывающимся ядром, но у него была такая же проблема, кроме того, что она была сложнее. – user2778525

+1

В последних версиях gitub выпадающего меню и выпадающем списке ядра есть новый многоуровневый атрибут, который помещает его в отдельный слой, который отображается над контейнером Collapse без необходимости в fixedSize. Тем не менее, все еще не удается сосредоточиться на полосе прокрутки, и странно, что базовое меню выпадающего меню теперь показывает все результаты все время ... возможно, потому что инкапсуляция еще не полностью. По обоим показателям также может быть связано с тем, что я неправильно сопоставил разные версии файлов. http://plnkr.co/edit/JswiH3XDOGBmZJr6tRyW?p=preview – user2778525

ответ

0

Новый «слоистый» атрибут последней версии бумажных выпадающего списка решает эту проблему.

2

В ядре-сбой есть новое свойство allowOverflow, позволяющее сбрасываемому элементу переполняться при его открытии. Это должно помочь раскрывающемуся раскрывающемуся меню развернуть внутри ядра. Новое свойство находится только в главном ветви ядра-коллапса # и будет доступно в следующей версии.

<core-collapse allowOverflow> <div class="content"> <paper-dropdown-menu> ... </paper-dropdown-menu> </div> </core-collapse>

+0

Также см. Новый многоуровневый атрибут раскрывающегося списка выпадающего меню/основного выпадающего списка в главной ветке github для этих компонентов. Я подтвердил, что эти версии разрешают проблему, но не без небольшой переделки кода.Похоже, вы должны внимательно следить за примерами демонстрационных кодов в мастер-ветке, чтобы добиться конечной цели (то есть многоуровневых примеров). – sinjins

Смежные вопросы