Skip to content

Garbage shows up behind a dialog #5318

Closed
gabrielschulhof opened this Issue Nov 22, 2012 · 2 comments

3 participants

@gabrielschulhof

http://jsbin.com/uzaret/533

Steps to reproduce:

  1. Click "Show Dialog"

At this point you will notice some text at the top left corner of the document.

The problem is this:

<div data-role="page">
  <!-- page content including button to open dialog -->
</div>
<div data-role="dialog">
  <!-- dialog content -->
</div>
<div>
  <p>
    This text does not belong to any page
    but it will show up on the background
    of the dialog
  </p>
</div>
@arschmitz
jQuery Foundation member

hmmm not really sure this is a bug. the content is there why would it not be shown? @uGoMobi thoughts?

@jaspermdegroot
jQuery Foundation member

@arschmitz @gabrielschulhof

We set background none for dialogs because we want to show the overlay (page container). That's why you see other content that is not wrapped in a page.
When we switch from dialog as a widget to an option in the page widget we could consider setting the overlay theme on the page if it is a dialog. However, I think it's the dev's responsibility to handle content (other than widgets like panels and popups) outside pages when using pages.
So I consider this not a bug so I am closing the ticket. If possible we improve this when making changes to dialog for 1.5.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.