modal obscures dialog with overlay when inside paper-header-panel

[tigerhawkvok]

When the <paper-dialog> is created inside a paper-header-panel, the modal attribute hides the dialog behind the overlay.

It should automatically account for this.

Original bug report

Yikes!

I have a dynamically generated dialog, like so (CoffeeScript):

popupUserShippingInfo = (callback, selector = "#pp-snake") ->
  ## Irrelevant pre-setup code removed here
  # Popup paper dialog about this
  getDataHtml = """
    <paper-dialog class="paper-login" id="info-form" modal>
      <h2>Shipping Information</h2>
      <paper-dialog-scrollable id="pad-body">
        <p id="login_status"></p>
        <form>
          <paper-input label="Full Name" id="name" name="name" required auto-validate></paper-input>
          <gold-email-input id="email" name="email" required auto-validate></gold-email-input>
          <paper-input label="Street Address" required auto-validate id="street" name="street"></paper-input>
          <gold-zip-input id="zip" name="zip" required auto-validate></gold-zip-input>
          <gold-phone-input id="phone" name="phone" required auto-validate></gold-phone-input>
        </form>
      </paper-dialog-scrollable>
      <div class="buttons">
        <paper-button dialog-dismiss>Cancel</paper-button>
        <paper-button id="get-shipping">Get Shipping</paper-button>
      </div>
    </paper-dialog>
  """
  unless $("#info-form").exists()
    $("#buy-item-container").append(getDataHtml)
  ## [...] handlers ....
  $("#info-form").get(0).open()
  false

and when modal is used, I get this:

It works perfectly without modal, except, well, it's not modal (and since autoCloseDisabled isn't an option anymore, it means I can't have an unescapable dialog). Oddly, the z-index of the dialog is 12, and z-index = 9 for the overlay.

On Chrome Version 45.0.2421.0 dev-m (64-bit) / Windows

[wq9]

If you remove z-index: 0 (stacking context) in paper-header-panel, it works.

[tigerhawkvok]

Ahhhhh. Very good insight, seeing as I hadn't mentioned I was using that!

So, it shouldn't be created inside a paper-header-panel, got it. I'll update the issue.

[tigerhawkvok]

Or not, that makes this a dup of #7 . Closing.