Form select options open up in a dialog when placed inside a dialog

Form select options open up in a dialog when placed inside a dialog

The select options open up in a little overlay with a pop transition when placed on a page, but when in a dialog, it opens up as another full dialog. How do I make it open as an overlay?


  1. <div data-role="dialog">

        <div data-role="content" >
       
            <form data-inset="true">
             <div data-role="fieldcontain">
     <label for="select-choice-1" class="select">Choose shipping method:</label>
                  <select name="select-choice-1" id="select-choice-1">
           <option value="standard">Standard: 7 day</option>
                      <option value="rush">Rush: 3 days</option>
           <option value="express">Express: next day</option>
     <option value="overnight">Overnight</option>
     </select>
              </div>








            </form>
        </div>

    </div>