#3544 closed bug (fixed)

Opened November 06, 2008 01:01PM UTC

Closed December 30, 2008 10:44PM UTC

Theme roller - Dialog component does not overflow when the contents is too long

Reported by: lionel.armanet Owned by:
Priority: major Milestone: 1.7
Component: [meta] ui.themeroller Version: 1.6rc2
Keywords: Theme roller CSS overflow dialog Cc:
Blocked by: Blocking:
Description
  • How to reproduce: just simply create a dialog window containing a lot of contents

> See here: http://www.screencast.com/t/Grb3FJJ9E

  • My Workaround:

I modified the css rule above to obtain scrollable contents (here is a screenshot http://www.screencast.com/t/X9tVLv5WNY):

.ui-dialog-content {

/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;

color: #222222;

/*padding: 1.5em 1.7em; LA FIX */

overflow: auto; /* LA FIX to enable auto scroll */

height: 100%; /* LA FIX */

}

The "overflow: auto" enable scrolling, "height: 100%" is for IE compatibility and I removed paddings for box model problems.

The problem with paddings is that the contents has a width + a padding, and according to the standard box model the displayed box has its display-width to width+padding. So even if overflow: auto is set, the scrollbar will not be displayed.

Attachments (0)
Change History (1)

Changed December 30, 2008 10:44PM UTC by scottgonzalez comment:1

resolution: → fixed
status: new → closed

This is fixed with the new framework. Feel free to re-open this ticket if you continue to have problems after the 1.6rc3 release.