Opened 5 years ago

Closed 5 years ago

#10810 closed bug (notabug)

position CSS 'absolute' do not work in Dialog()

Reported by: amn31 Owned by:
Priority: minor Milestone: none
Component: ui.dialog Version: 1.11.2
Keywords: Cc:
Blocked by: Blocking:

Description

An "absolute" div should be printed outside the Dialog according to the following code. In fact, the div remains inside the Dialog.

<div id="DIALOG">

<p>Welcome</p> <div id="red">RED</div>

</div>

$("#DIALOG").dialog({

title: 'DIV absolute'

}); $("#red").css({

position : 'absolute', background : '#ff0000', height : '200px', width : '100px'

});

Change History (1)

comment:1 Changed 5 years ago by Scott González

Resolution: notabug
Status: newclosed

position: absolute doesn't do much without actually setting the position, it just takes the element out of the flow. Also, note that dialogs have overflow: hidden applied.

Note: See TracTickets for help on using tickets.