#9832 open bug ()

Opened February 17, 2014 08:56AM UTC

Last modified February 17, 2016 07:02PM UTC

Dialog: Content shrinks after resize

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

Want to reopen bug #8506 but there error apears in tracker.

For example, open dialog page to check: http://jqueryui.com/dialog/

After dialog resize, .ui-dialog-content will not fit to dialog area, some times it bigger or smaller that must be.

Attachments (0)
Change History (6)

Changed May 26, 2014 04:34PM UTC by scottgonzalez comment:1

status: new → open
summary: Wrong calculating for width & height by resizing of .ui-dialog-content for Chrome browser → Dialog: Content shrinks after resize

Also visible on ThemeRoller page.

Changed May 26, 2014 04:34PM UTC by scottgonzalez comment:2

#10069 is a duplicate of this ticket.

Changed July 24, 2015 08:10PM UTC by developer.khurram comment:3

Here are steps to replicate the bug. Stackoverflow:[http://stackoverflow.com/questions/31584544/jquery-ui-dialog-on-resizing-shrinks-the-content-of-the-dialog] link.

Example to show the bug: JSFidddle:[http://jsfiddle.net/khurram_khu/ujqnatw7/8/]

Changed February 17, 2016 04:38PM UTC by andy194 comment:4

Followed the link to the fiddle and tried it, found that by removing the reference to bootstrap.min.css the dialog starts behaving properly, looks like a conflict.

Changed February 17, 2016 05:00PM UTC by rjollos comment:5

_comment0: further investigation narrows it down to this within the css, Line 257... \ * { \ -webkit-box-sizing: border-box; \ -moz-box-sizing: border-box; \ box-sizing: border-box; \ } → 1455735742189679

further investigation narrows it down to this within the css, Line 257...

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

Changed February 17, 2016 05:18PM UTC by scottgonzalez comment:6

Ah, that's a big help. Thanks for digging in.