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!

Comments

StatusFileSize
new338.34 KB
new254.94 KB
new111.92 KB

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!

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;
}

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.

Status:Needs review» Fixed

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.

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.

Status:Active» Closed (works as designed)