#10810 closed bug (notabug)

Opened January 23, 2015 10:02AM UTC

Closed January 23, 2015 01:01PM UTC

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'

});

Attachments (0)
Change History (1)

Changed January 23, 2015 01:01PM UTC by scottgonzalez comment:1

resolution: → notabug
status: new → closed

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.