Semantic-UI-Calendar icon indicating copy to clipboard operation
Semantic-UI-Calendar copied to clipboard

Calendar is Very Slow on heavy dom document!

Open beshoo opened this issue 7 years ago • 3 comments

Dear All, Thank you for this add on

First of all this is how i create the calendar

var today = new Date();
$('.upload_time').calendar({minDate: new Date(today.getFullYear(), today.getMonth(), today.getDate()),
           disableMinute: true,
           popupOptions: {
           position: 'top center',
          delay: {
           show: 0,
          hide: 0
           },
     lastResort: 'top center',
     prefer: 'opposite',
     preserve: true,
     on:'hover',
     hideOnScroll: false
   },
             formatter: {
               date: function (date, settings) {
                 if (!date) return '';
                 var day = date.getDate();
                 var month = date.getMonth() + 1;
                 var year = date.getFullYear();
                 return day + '/' + month + '/' + year;
               }
             }});

Now when i load the document i note that it hit https://github.com/mdehoog/Semantic-UI-Calendar/blob/master/dist/calendar.js#L80 1 Times. which is fine, Clander loaded into the DOM.

Now when i click on the input box ".upload_time" again it calls like this:

refresh

refresh
calendar.min.js:176 create Call
calendar.min.js:667 refresh
calendar.min.js:176 create Call
calendar.min.js:667 refresh
calendar.min.js:176 create Call
calendar.min.js:667 refresh
calendar.min.js:176 create Call

Which it delay the load of the Calendar. I am not talking about selecting Day and Date. which i can understand we need to call a function to render new stuff.

But why there is a lot of calls to create and refresh while the calendar is already created!

beshoo avatar Oct 24 '18 12:10 beshoo

Were you able to find a solution for this somehow ?? I am also facing this same issue

parth-kotecha avatar Jun 19 '20 17:06 parth-kotecha

We finally fixed this in Fomantic-UI where the calendar module was merged into See testcases here https://github.com/fomantic/Fomantic-UI/pull/1531

lubber-de avatar Jun 22 '20 00:06 lubber-de

2 years.... Waw I almost forgot about it

beshoo avatar Jun 22 '20 01:06 beshoo