FullCalendar External Events in an overflow div

Question

We're using JQuery FullCalendar latest version with draggable option on. The external event div is filled with values from the database. The div height is limited. So we added overflow auto to the external event container div.

It created a glitch that makes the event invisible when dragging it on the calendar. It also created a glitch that makes both scroll bar appears when dragging the event off the external event container.

I realise we are probably using the wrong tool for the job. Is there a proper way to solve this problem ?

Thanks

It's hard to replicate this without code. Could you post yours? — ganeshk
@ganeshk, you can replicate it by adding overflow:auto to the external event div of the full calendar draggable demo. — Dave

snakey snakey · Accepted Answer · 2013-03-24T13:02:40

Its in fact more jquery draggable issue.

This code for external draggable events placed in div with overflow: scroll worked for me:

  $(element).draggable({
        scroll: false,
        helper: 'clone',
        zIndex: 999,
        revert: true,
        revertDuration: 0
    });

Check also jQuery Draggable and overflow issue

FullCalendar External Events in an overflow div

1 Answers