I don't think this is a bug, since other people are posting issues about how to disable it, so I'm probably just doing something wrong :)
I'm heavily modifying my user registration form. I'm going to have some Terms & Conditions text coming in from a node and displaying between the form fields and the submit button. To that end, I've created a form #item with hook_form_alter(), and put about 10 paragraphs of Lorem Ipsum in '#markup'. It displays in the form more or less as expected, but doesn't seem to trigger the scrollbar. The modal-scroll class, however, is being rendered. Also, I am overriding a lot of the modal.css.
So, what conditions need to be met for the scroll bar to trigger correctly? Is anyone else having this problem?
Thanks!
Comment | File | Size | Author |
---|---|---|---|
#1 | modal_forms-firefox.png | 111.92 KB | michaellenahan |
#1 | modal_forms-chrome.png | 254.94 KB | michaellenahan |
#1 | modal_forms-chrome-overflow-off.png | 338.34 KB | michaellenahan |
Comments
Comment #1
michaellenahan CreditAttribution: michaellenahan commentedThis may be a related problem, so I'm posting it here, rather than in a new issue.
The scrollbar shows up quite narrow on the right-hand-side of the modal form.
I haven't made any css changes except to 'background' color on:
div.modal-forms-modal-content .popups-container
See screenshots.
One thing I noticed was that when I switch off the overflow properties on .modal-scroll it helps a little bit.
div.modal-forms-modal-content .modal-scroll {
/* overflow: hidden; */
/* overflow-y: auto; */
}
... see the last screenshot to see what I mean.
Grateful if someone out there can help with making the scrollbar more visible.
If this is not related to the original-post then sorry for hijacking your issue!
UPDATE:
I didn't change overflow or overflow-y.
However, this seems to help, although using !important to override the user-agent seems a bit dirty.
/* Styles for modal forms modal */
div.modal-forms-modal-content {
background: transparent;
color: #000;
font: 12px "Lucida Grande", Verdana, Arial, sans-serif;
border: 0;
margin: 0;
padding: 0;
/* fix for narrow-scrollbar issue */
width: 560px !important;
}
Comment #2
frjo CreditAttribution: frjo commentedI have committed some changes to the popup markup and CSS that it my testing makes the scollbar show up properly. Please test and report back here.
Comment #3
frjo CreditAttribution: frjo commentedComment #4
mausolos CreditAttribution: mausolos commentedIt still doesn't seem to work for me, but that could be because of my highly customized HTML/CSS. The thing is, I'm not seeing any particular JS loading that might target the modalscroll class.
Comment #5
frjo CreditAttribution: frjo commentedPlease remove your own customized HTML/CSS before testing. When you confirm that it works/don't work come back here and we can proceed.
Comment #6
frjo CreditAttribution: frjo commented