Opened 14 years ago
Closed 14 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.
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.