stop fullcalendar scrolling up caused by the button focus

Question

User2108892867 posted

I am trying to stop the calendar from scrolling up after my popup is closed. This issue is caused by the focus on one of the button on the header. To reproduce the issue,

1. first click on one of the buttons on the header,
2. try to scroll down until you cannot see the buttons in the header and click on of the date
3. click anywhere outside the popup to close the popup and it will scroll up to the focus button.

Is there a way to stop the scrolling and keep the scroll position as it is. Here is the jsfiddle.

https://jsfiddle.net/kd7e2xpc/35/

And here is the video clip

https://www.screencast.com/t/fzKgWdZj

thanks

Answer 1

User2108892867 posted

Anybody please? Is there a way I could remove the focus from those calendar buttons using jquery?

Thanks. 

Answer 2

User1724605321 posted

Hi asplearning ,

Just try to comment out this line :

trigger: 'focus'

Then scroll will work fine  .

Best Regards,

Nan Yu

Answer 3

User2108892867 posted

Hi thanks for your reply. Here is how I could fix this:

$('.fc-button').blur();

So before the popup, I remove all the focus from all fc-button.