Слоистая выпадающая меню в бумажном диалоге

Question

Я создаю прототип приложения, которое открывает несколько слоев диалогов, когда пользователь переходит в параметры конфигурации. Я хотел использовать выпадающее меню из бумаги внутри одного из диалогов. Он полностью отображается внутри своего родителя, чтобы появляться полосы прокрутки. Я хочу, чтобы он появлялся в том же месте, но переполнял родителя.

Вы можете увидеть, как это выглядит: paper-dropdown-menu demo page. Просто нажмите кнопку «Переключить наложение» и откройте меню, которое появляется в центре.

Я пробовал несколько вариантов позиционирования, ничего не работает.

Есть ли способ, который я не могу понять?

Answer 1

атрибут layered должен выпрямлять. есть немного о том, как использовать его в блоке полимеров. https://blog.polymer-project.org/releases/2014/11/12/release-0.5.1/ просто найдите раздел о разбиении дочерней структуры.

Редактирование: оглядываясь назад на демонстрацию, которую вы связали. они используют многоуровневый атрибут в раскрывающемся списке наложения. похоже, что это может быть ошибка с core-overlay. Я видел некоторое странное поведение с ним в последнее время. но слоистый атрибут - это то, что мы должны использовать в таких ситуациях.

Answer 2

Помогает ли это вообще? https://github.com/Polymer/paper-dialog/issues/50#issuecomment-76563028

я столкнулся с проблемой, помещая слоистый <paper-dropdown-menu> внутри слоистой <paper-dialog>, потому что они оба использовали отдельный <core-overlay-layer> элемент, который имел тот же Z-индекс. Я сделал небольшое обходное решение, чтобы перенумеровать их z-индексы при добавлении нового наложения.

domReady: function() { 
     jQuery("body").on('core-overlay-open', function(e) { 
      var zi = 1000; 
      jQuery("core-overlay-layer").each(function (ei, elem) { 
       elem.style.zIndex = zi--; 
      }); 
     }); 
    },