This is possibly related to http://drupal.org/node/590564.

I have set up a search and reference view for my node reference field. This was working great until I added a datepicker using jquery 1.3.2 and jquery ui 1.7.2. When I include sites\all\modules\jquery_ui\jquery.ui\themes\base\ui.all.css (which loads ui.theme.css), the popup dialog looks wrong.
In particular, the title bar is too tall and the text on it has the same color as the background, and the scrollbar range is too small. I have set up a view with many results and a pager. Without the new theme.css, the scrollbar allows me to scroll all the way down to see the pager. With the theme.css, I can only scroll down to the bottom of the view, but not the pager. Scrolling with the mouse wheel allows me to go down that extra bit.
Obviously there is some unwanted interaction between the css files. I'll investigate further.

Comments

Bodo Maass’s picture

Bodo Maass commented
Title: Problems with theme.css from jquery ui 1.7.2 » Incorrect scrolling with theme.css from jquery ui 1.7.2
Project: Node Relationships » Modal Frame API
Component: Node relationships extensions » Stylesheets

Well it seems that the scrolling problem is caused by 'overflow:auto' added by the theme.
It can be fixed by applying 'overflow:visible' to #modalframe-container at line 68 of of modalframe.parent.css.

markus_petrux’s picture

markus_petrux commented
Status: Active » Needs review

Thanks for the report. It would be much appreciated if someone else could confirm the proposed CSS fix as I do not have too much time right now for testing.

markus_petrux’s picture

markus_petrux commented
Status: Needs review » Fixed

I was able to spend some time to test this, and was able to reproduce the problem. So I have committed the fix to CVS.

http://drupal.org/cvs?commit=282516

Thanks for reporting and taking the time to debug and find a solution. :)

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.