If the user has a smaller screen (or smaller browser window, or firebug open), then the first page of the DND library will run out of the screen, making it impossible to go to the second page or view the whole first page even.

I found the following in the css:
/**
* This prevents unnecessary scrollbar, but causes problem with BT plugin. We
* temporarily disable it.
overflow: auto;
*/

This comment was not entirely clear to me, as it indicates that having overflow: auto; will prevent unnecessary scrollbar, but actually it provides a scrollbar when the library frame is not big enough.
I tested it in IE 8, 9, firefox, and chrome, and with overflow: auto it worked fine, it only gave me a scrollbar in the library when it was necessary, when the frame was too small, and showed no scrollbar when the screen was big enough for the library.

Im not sure whats the BT plugin the comment mentions though.

The quick solution for my site was to uncomment overflow:auto. And it seems to work fine like that, however maybe its not a globally good solution.

Comments

driki_’s picture

driki_ commented

Just my 2 cents :
Probably we should introduce some "@media screen and (max-width: ... )" in the css to have a more adaptative design for the library.
( We could even add a -webkit-overflow-scrolling: touch; to have hardware acceleration on android tablet )

jcisio’s picture

jcisio commented

BT = Beauty Tips. It's a jQuery plugin that displays the preview (using a beautiful canvas). We are planning to replace it with another one (qTips 2? maybe), then finally can get the "overflow: auto" back.

DeFr’s picture

DeFr commented
Status: Active » Fixed

The embedded BeautyTips library was removed in ee57a80 ; the library now optionally uses qTip if the qTip module is enabled to display its tooltips.

Status: Fixed » Closed (fixed)

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