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?



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)