Opened 11 years ago

Closed 11 years ago

#3544 closed bug (fixed)

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.

Change History (1)

comment:1 Changed 11 years ago by Scott González

Resolution: fixed
Status: newclosed

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.

Note: See TracTickets for help on using tickets.