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?


Members fund testing for the Drupal project. Drupal Association Learn more


michaellenahan’s picture

This 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!

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;

frjo’s picture

Version: 7.x-1.0 » 7.x-1.x-dev
Assigned: Unassigned » frjo
Status: Active » Needs review

I 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.

frjo’s picture

Status: Needs review » Fixed
mausolos’s picture

Status: Fixed » Needs review

It 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.

frjo’s picture

Status: Needs review » Active

Please remove your own customized HTML/CSS before testing. When you confirm that it works/don't work come back here and we can proceed.

frjo’s picture

Status: Active » Closed (works as designed)