Opened 3 years ago

#14976 new bug

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:


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: Just try to resize dialog to small size and you will see...

Thanks for attention!

Change History (0)

Note: See TracTickets for help on using tickets.