2

これが私の問題です：

ここに画像の説明を入力

入力フィールドとドロップダウンを備えた紙のダイアログがあります。コードは次のとおりです（ジェイド）：

paper-action-dialog#createMatch(ng-heading="'Create Match' | translate", transition="core-transition-bottom", style="width: 600px")
  p
    | {{"Choose your match options" | translate}}
  p
    paper-input#matchNameInput(floatinglabel="",ng-label="'Match Name' | translate", required="", ng-error="'You must enter a match name.' | translate",style="padding: 0")
  p
    paper-dropdown-menu#gameModeInput(ng-label="'Game mode' | translate")
      paper-dropdown.dropdown
        core-menu.menu
          paper-item(ng-repeat="(id, name) in GameModeN" value="{{id}}") {{name}}
  paper-button(affirmative="") {{"Cancel" | translate}}
  paper-button.primary-btn(affirmative="", autofocus="") {{"Create" | translate}}

あまりにもひどい場合は、変換された HTML を次に示します。

<paper-action-dialog id="createMatch" heading="Create Match" transition="core-transition-bottom" style="width: 600px">
  <p>Choose your match options</p>
  <p>
    <paper-input id="matchNameInput" floatinglabel="" label="Match Name" required=""></paper-input>
  </p>
  <p>
    <paper-dropdown-menu id="gameModeInput" label="Game Mode">
      <paper-dropdown class="dropdown">
        <core-menu class="menu">
          <paper-item value="value">Item</paper-item>
        </core-menu>
      </paper-dropdown>
    </paper-dropdown-menu>
  </p>
  <paper-button affirmative="">Cancel</paper-button>
  <paper-button affirmative="" autofocus="" class="primary-btn">Create</paper-button>
</paper-action-dialog>

position:absoluteメニューとその親の位置タイプのほぼすべての組み合わせを使用してみました。何も機能していないようです。おそらくこれはシャドウドームにあるからでしょうか？メニューを他のすべての上に浮かせるにはどうすればよいですか?

4

1 に答える 1

3

layered属性はこれを行う必要があります

  <paper-dropdown class="dropdown" layered="true">
    <core-menu class="menu">
      <paper-item value="value">Item</paper-item>
    </core-menu>
  </paper-dropdown>
于 2014-12-05T05:11:31.800 に答える