Popover component hiding behind the table cells of Iron data table in polymer

问题

popover overriding

Date picker overriding

回答1:

Well, bad news is that it's iron-list issue (namely iron-list using z-translation).

Good news is that there is kind of a workaround for that... I had the same problem and what I ended up with was a behavior (but you can make put this in your component) that has something like:

tableListOverflowVisible: function (...tables) {
        tables.forEach((id) => {
          if (typeof id !== 'string') {
            return;
          }

          const table = this.$[id];

          if (!table) {
            return;
          }

          Polymer
            .dom(table)
            .node.querySelector('iron-list')
            .setAttribute('style', 'overflow: visible !important;');
        });
      },

Just pass your table id there and that should do the job...

回答2:

If your z-index is properly set, check the background-color, it may be set to transparent.

来源：https://stackoverflow.com/questions/43709574/popover-component-hiding-behind-the-table-cells-of-iron-data-table-in-polymer