#14976 new bug ()

Opened May 28, 2016 08:42AM UTC

Last modified May 28, 2016 08:42AM UTC

Wrong dialog content width calculation with box-sizing: border-box

Reported by: uranuz Owned by:
Priority: minor Milestone: none
Component: ui.dialog Version: 1.11.4
Keywords: Cc:
Blocked by: Blocking:
Description

When overal page box-sizing is set to border-box width of .ui-dialog-content is not correctly calculated. You can see that when starting dialog resize. Some additional empty space appears between vertical scrollbar and dialog right border. Setting this style:

.ui-dialog-content {

box-sizing: initial !important;

}

somehow solves the problem. But I haven't tested yet what are the side consequences.

I think that it should be tested somehow for box-sizing of root dialog div. And also I don't understand the reason why there is the size of user's div calculated at all. Why just not set size with some class and width: 100% or position: absolute and left, top, right properties!? I thing setting size of root dialog div with JavaScript could be enough. All the other styling could be made with CSS.

You can see an example at: https://jsfiddle.net/2xLy19y8/

Just try to resize dialog to small size and you will see...

Thanks for attention!

Attachments (0)
Change History (0)