Add to calendar not working on ajax views with search form

hi @sumithb

Can you please add the screenshots of any issues produced on chrome console or any visible php errors, it would help to easily identify and resolve this error.

Thanks

Hi
I faced a similar issue on one of my ajax enabled views.
Issue description: addtocalendar.js was not calling after ajax request DOM element.

Attaching a patch to fix the issue.

Please review

Thanks

Probably we would need Drupal behaviors then.

Last patch was wrong, thus added the correct patch. Kindly Review

Thanks

LGTM

hi @naresh_bavaskar

Thanks for explaining the issue, i was easily able to reproduce it and fix it via the provided patch. Marking this issue as done. keep contributing!

Hi, Added the ajaxSuccess() and validation but not repleat the "atcb-list" in the Add to Calendar.

(function ($) {

  'use strict';

  Drupal.behaviors.addtocalendar = {
    attach: function (context, settings) {
      var load = false;
      $(document).ajaxSuccess(function (event, request, settings) {
        if (!$(".atcb-list", context).length && !load) {
          load = true;
          addtocalendar.load();
        }
      });
    }
  };

})(jQuery);

Me also had this issue. I was using the version 8.x-3.1.

Now I upgraded the module to the version 8.x-3.2. The patch has been committed to the version 8.x-3.2. And it is working now. Thanks a lot.

Hello,
In the versions that follow the commit of this issue,
I see multiple .atcb-lists added to each date instance: a list is added on every ajax load.

I checked the addtocalendar.js, and there is no check to whether there is already a list attached nor a logical marker to whether the list should be added or not.

Though this issue doesn't cause functional problems, it does cause accessibility problems with keyboard navigation or screenreaders.
I add here a pretty straight forward fix,
I'd be happy if someone with more JS experience can take a look at it or at this issue.

(function ($) {

  'use strict';

  Drupal.behaviors.addtocalendar = {
    attach: function (context, settings) {
      addtocalendar.load();
      $(".atcb-list").next(".atcb-list").remove();
    }
  };

})(jQuery);

And as a side question - why did we create here a jQuery dependency?