Popover component hiding behind the table cells of

Question

popover overriding

Date picker overriding

Answer 1

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

Answer 2

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...