Solution 1 :

.parent {position: relative;}
.child { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

Use this CSS & remove your css.

Problem :

trying to resize the ui-dialog but when using below css, when i try to resize, it jumps to the top left side

                width: iLength,
                'left': '50%',
                'position': 'fixed',
                'transform': 'translate3d(-50%,-50%, 0)'

any idea what i am doing wrong here

also need to be working when browser is resized

i tried with positions relative and absolute but it does not center in any case


Comment posted by Sushil

can you please mention the link of snippet?

Comment posted by urrru

where do i add the class parent

Comment posted by Harshsetia

Parent properties are on parent div of “ui-dialog” and child css properties put on “ui-dialog”.