polymer - paper-menu-button's dropdown (paper-menu) not overlaying other iron-list items -

-

i'm running issue using polymer 1.0's paper-menu-button. it's dropdown menu isn't overlaying neighbouring iron-list elements.

i building element displays items using iron-list, , each item has dropdown menu of options can performed on particular iron-list item. however, paper-menu-button's paper-menu dropdown not appearing on top of neighbouring iron-list items, on top of it's own list item.

i've tried inspecting items in chrome, , playing around z-index , overflow css settings no avail. can me out overlay issue?

here extract of custom element's local dom template (and see further below screenshot):

update: jsbin demonstrating issue:

http://jsbin.com/kuyovuh/1/edit?html,output

update #2: note in chrome 44 on mobile (android), paper-menu-button doesn't show dropdown @ in above jsbin case.

<div id="projectsvertboundary" class="layout vertical">      <div id="projectshorboundary" class="layout horizontal center-center">           <iron-list items="[[projects]]" indexas="_id" as="projli" class="layout flex">               <template>                      <div>                         <paper-material id="itemshadow" animated elevation="1">                              <div class="item layout horizontal" onmouseover="hoverover(this)" onmouseout="hoverout(this)">                                  <paper-menu-button id="projoptionsbtn" vertical-align="top" horizontal-align="right" class="layout fixed-right">                                     <paper-icon-button id="projoptionsbuttonicon" icon="menu" class="dropdown-trigger"></paper-icon-button>                                     <paper-menu id="projoptionsselmenu" class="dropdown-content">                                         <paper-icon-item id="projedit">                                              <iron-icon icon="create"></iron-icon> edit project                                         </paper-icon-item>                                         <paper-icon-item id="projcopy">                                             <iron-icon icon="content-copy"></iron-icon> copy project                                         </paper-icon-item>                                         <paper-icon-item id="projdelete">                                              <iron-icon icon="delete"></iron-icon> delete project                                         </paper-icon-item>                                     </paper-menu>                                 </paper-menu-button>                                  <div class="layout flex vertical">                                     <!-- bunch of arbitrary list item content -->                                     project type:<p>[[projli.kind]]</p>                                 </div>                            </div>                        </paper-material>                   </div>               </template>          </iron-list>     </div> </div>

enter image description here


Comments

Post a Comment

Popular posts from this blog

yii2 - Yii 2 Running a Cron in the basic template -

-
i have seen instructions on running cron in advanced template, cant figure out how on basic template. have following controller in basic controllers folder. <?php namespace app\controllers; use yii\console\controller; /** * cron controller */ class croncontroller extends controller { public function actionindex() { echo "cron service runnning"; } public function actionmail($to) { echo "sending mail " . $to; } } i have navigated root of application , tried these comands yii cron php yii cron im getting unknown comand "cron" i know old question failed find actual answer this. if @ code yii exec file you'll notice requires /common/config/aliases.php file console/config/main.php. can naturally change these or copy on these advanced template. hope solves problem wanting same thing.
Read more

asp.net - 'System.Web.HttpContext' does not contain a definition for 'GetOwinContext' Mystery -

-
i realize question might seem trivial some, it's these types of things find myself fighting quite bit , want make sense of despite seeming losing battle in .net (for me anyway). so, if following: using system.web; ... applicationuser user = system.web.httpcontext.getowincontext().getusermanager<applicationusermanager>().findbyid(system.web.httpcontext.user.identity.getuserid()); that produces error in title , red getowincontext() , error cannot resolve symbol 'getowincontext()' however, if following (remove system.web in front of httpcontext ), works expected (or @ least no errors): using system.web; ... applicationuser user = httpcontext.getowincontext().getusermanager<applicationusermanager>().findbyid(system.web.httpcontext.user.identity.getuserid()); however, if (same line that's working using system.web commented out): //using system.web; ... applicationuser user = httpcontext.getowincontext().getusermana...
Read more

mercurial graft feature, can it copy? -

-
there new feature in mercurial 3, called 'graft' (graft local). job of moving change-set different branch. is there way "copy" change-set branch? i interested in in moving stuff qa branch production branch, still need code reside in qa. want copy. found , have tried few things, maybe it'll become clear more tinkering , reading... does have better way of 'cherry picking' change-sets move cross branch (or trunk)??? graft copies changesets, doesn't move them. hg graft (emphasis mine): this command uses mercurial's merge logic copy individual changes other branches without merging branches in history graph. known 'backporting' or 'cherry-picking' . default, graft copy user, date, , description source changesets.
Read more