Skip to content

Loading indicator remains visible after dragging and dropping an event within the same day #231

Description

@AndreeaTarataB

Steps to reproduce:
Preconditions: Have an event already created in a calendar.

  1. Click on Calendar App from Applications
  2. Click on a Event that was already created
  3. Click on Edit
  4. Expected behavior:
  5. The Calendar field is displayed in edit Event prompt.

Expected Result:

The event is updated successfully.
The "Sending request" message disappears once the request completes.
No errors are logged in the browser console.

Actual Result:

The "Sending request" message remains visible at the bottom of the page.
An error is logged in the browser console.

<body>
<!--StartFragment--><div aria-expanded="true" tabindex="-1" style="box-sizing: border-box; min-width: 0px; min-height: 0px; outline-style: none; flex: 0 0 auto; color: rgb(239, 222, 225); font-family: monospace; font-size: 12px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(78, 53, 52); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span class="source-code" style="box-sizing: border-box; min-width: 0px; min-height: 0px; font-family: monospace; white-space: pre-wrap; font-size: 12px !important; line-height: 1.2;"><span class="console-message-anchor" style="box-sizing: border-box; min-width: 0px; min-height: 0px; float: right; text-align: right; max-width: 100%; margin-left: 4px;"><button role="link" class=" devtools-link text-button link-style " jslog="Link; context: script-location; track: click" tabindex="-1" title="http://localhost:8080/xwiki/bin/jsx/MoccaCalendar/Code/Macro?minify=false&amp;language=en&amp;docVersion=1.1&amp;defer=false&amp;v=2.7:96" style="box-sizing: border-box; min-width: 0px; min-height: 0px; font: inherit; color: rgb(255, 177, 195); text-decoration: underline; outline-offset: 2px; margin: 0px; height: unset; border-color: currentcolor; border-style: none; border-width: medium; border-image: none; border-radius: 2px; padding: 0px !important; background: none; flex: 0 0 auto; white-space: nowrap; cursor: pointer; outline: none; max-width: 100%; overflow: hidden; text-overflow: ellipsis; word-break: break-all;"><br class="Apple-interchange-newline">Macro:96</button> </span><span class="console-message-text" style="box-sizing: border-box; min-width: 0px; min-height: 0px; color: rgb(255, 218, 214) !important;">Uncaught <span class="object-value-error source-code" style="box-sizing: border-box; min-width: 0px; min-height: 0px; font-family: monospace; white-space: pre-wrap; font-size: 12px !important; line-height: 1.2;"><span style="box-sizing: border-box; min-width: 0px; min-height: 0px;">TypeError: f.ajax(...).fail(...).success is not a function
<span class="formatted-stack-frame" style="box-sizing: border-box; min-width: 0px; min-height: 0px; display: block;">    at klass.updateEvent (<button role="link" class=" devtools-link text-button link-style " jslog="Link; context: script-location; track: click" tabindex="-1" title="http://localhost:8080/xwiki/bin/jsx/MoccaCalendar/Code/Macro?minify=false&amp;language=en&amp;docVersion=1.1&amp;defer=false&amp;v=2.7:96:19" style="box-sizing: border-box; min-width: 0px; min-height: 0px; font: inherit; color: rgb(255, 177, 195); text-decoration: underline; outline-offset: 2px; margin: 0px; height: unset; border-color: currentcolor; border-style: none; border-width: medium; border-image: none; border-radius: 2px; padding: 0px !important; background: none; flex: 0 0 auto; white-space: nowrap; cursor: pointer; outline: none; max-width: 100%; overflow: hidden; text-overflow: ellipsis; word-break: break-all;">Macro:96:19</button>)
</span><span class="formatted-stack-frame" style="box-sizing: border-box; min-width: 0px; min-height: 0px; display: block;">    at HTMLAnchorElement.eventDrop (<button role="link" class=" devtools-link text-button link-style " jslog="Link; context: script-location; track: click" tabindex="-1" title="http://localhost:8080/xwiki/bin/view/MoccaCalendar/:1414:16" style="box-sizing: border-box; min-width: 0px; min-height: 0px; font: inherit; color: rgb(255, 177, 195); text-decoration: underline; outline-offset: 2px; margin: 0px; height: unset; border-color: currentcolor; border-style: none; border-width: medium; border-image: none; border-radius: 2px; padding: 0px !important; background: none; flex: 0 0 auto; white-space: nowrap; cursor: pointer; outline: none; max-width: 100%; overflow: hidden; text-overflow: ellipsis; word-break: break-all;">MoccaCalendar/:1414:16</button>)
</span><span class="formatted-stack-frame" style="box-sizing: border-box; min-width: 0px; min-height: 0px; display: block;">    at t.publiclyTrigger (<button role="link" class=" devtools-link text-button link-style " jslog="Link; context: script-location; track: click" tabindex="-1" title="http://localhost:8080/xwiki/webjars/wiki%3Axwiki/fullcalendar/3.10.2/fullcalendar.min.js:10:21677" style="box-sizing: border-box; min-width: 0px; min-height: 0px; font: inherit; color: rgb(255, 177, 195); text-decoration: underline; outline-offset: 2px; margin: 0px; height: unset; border-color: currentcolor; border-style: none; border-width: medium; border-image: none; border-radius: 2px; padding: 0px !important; background: none; flex: 0 0 auto; white-space: nowrap; cursor: pointer; outline: none; max-width: 100%; overflow: hidden; text-overflow: ellipsis; word-break: break-all;">fullcalendar.min.js:10:21677</button>)
</span><span class="formatted-stack-frame" style="box-sizing: border-box; min-width: 0px; min-height: 0px; display: block;">    at e.publiclyTrigger (<button role="link" class=" devtools-link text-button link-style " jslog="Link; context: script-location; track: click" tabindex="-1" title="http://localhost:8080/xwiki/webjars/wiki%3Axwiki/fullcalendar/3.10.2/fullcalendar.min.js:10:13091" style="box-sizing: border-box; min-width: 0px; min-height: 0px; font: inherit; color: rgb(255, 177, 195); text-decoration: underline; outline-offset: 2px; margin: 0px; height: unset; border-color: currentcolor; border-style: none; border-width: medium; border-image: none; border-radius: 2px; padding: 0px !important; background: none; flex: 0 0 auto; white-space: nowrap; cursor: pointer; outline: none; max-width: 100%; overflow: hidden; text-overflow: ellipsis; word-break: break-all;">fullcalendar.min.js:10:13091</button>)
</span><span class="formatted-stack-frame" style="box-sizing: border-box; min-width: 0px; min-height: 0px; display: block;">    at e.triggerEventDrop (<button role="link" class=" devtools-link text-button link-style " jslog="Link; context: script-location; track: click" tabindex="-1" title="http://localhost:8080/xwiki/webjars/wiki%3Axwiki/fullcalendar/3.10.2/fullcalendar.min.js:7:26265" style="box-sizing: border-box; min-width: 0px; min-height: 0px; font: inherit; color: rgb(255, 177, 195); text-decoration: underline; outline-offset: 2px; margin: 0px; height: unset; border-color: currentcolor; border-style: none; border-width: medium; border-image: none; border-radius: 2px; padding: 0px !important; background: none; flex: 0 0 auto; white-space: nowrap; cursor: pointer; outline: none; max-width: 100%; overflow: hidden; text-overflow: ellipsis; word-break: break-all;">fullcalendar.min.js:7:26265</button>)
</span><span class="formatted-stack-frame" style="box-sizing: border-box; min-width: 0px; min-height: 0px; display: block;">    at e.reportEventDrop (<button role="link" class=" devtools-link text-button link-style " jslog="Link; context: script-location; track: click" tabindex="-1" title="http://localhost:8080/xwiki/webjars/wiki%3Axwiki/fullcalendar/3.10.2/fullcalendar.min.js:7:26155" style="box-sizing: border-box; min-width: 0px; min-height: 0px; font: inherit; color: rgb(255, 177, 195); text-decoration: underline; outline-offset: 2px; margin: 0px; height: unset; border-color: currentcolor; border-style: none; border-width: medium; border-image: none; border-radius: 2px; padding: 0px !important; background: none; flex: 0 0 auto; white-space: nowrap; cursor: pointer; outline: none; max-width: 100%; overflow: hidden; text-overflow: ellipsis; word-break: break-all;">fullcalendar.min.js:7:26155</button>)
</span><span class="formatted-stack-frame" style="box-sizing: border-box; min-width: 0px; min-height: 0px; display: block;">    at <button role="link" class=" devtools-link text-button link-style " jslog="Link; context: script-location; track: click" tabindex="-1" title="http://localhost:8080/xwiki/webjars/wiki%3Axwiki/fullcalendar/3.10.2/fullcalendar.min.js:11:12757" style="box-sizing: border-box; min-width: 0px; min-height: 0px; font: inherit; color: rgb(255, 177, 195); text-decoration: underline; outline-offset: 2px; margin: 0px; height: unset; border-color: currentcolor; border-style: none; border-width: medium; border-image: none; border-radius: 2px; padding: 0px !important; background: none; flex: 0 0 auto; white-space: nowrap; cursor: pointer; outline: none; max-width: 100%; overflow: hidden; text-overflow: ellipsis; word-break: break-all;">fullcalendar.min.js:11:12757</button>
</span><span class="formatted-stack-frame" style="box-sizing: border-box; min-width: 0px; min-height: 0px; display: block;">    at o (<button role="link" class=" devtools-link text-button link-style " jslog="Link; context: script-location; track: click" tabindex="-1" title="http://localhost:8080/xwiki/webjars/wiki%3Axwiki/fullcalendar/3.10.2/fullcalendar.min.js:10:5571" style="box-sizing: border-box; min-width: 0px; min-height: 0px; font: inherit; color: rgb(255, 177, 195); text-decoration: underline; outline-offset: 2px; margin: 0px; height: unset; border-color: currentcolor; border-style: none; border-width: medium; border-image: none; border-radius: 2px; padding: 0px !important; background: none; flex: 0 0 auto; white-space: nowrap; cursor: pointer; outline: none; max-width: 100%; overflow: hidden; text-overflow: ellipsis; word-break: break-all;">fullcalendar.min.js:10:5571</button>)
</span><span class="formatted-stack-frame" style="box-sizing: border-box; min-width: 0px; min-height: 0px; display: block;">    at t.stop (<button role="link" class=" devtools-link text-button link-style " jslog="Link; context: script-location; track: click" tabindex="-1" title="http://localhost:8080/xwiki/webjars/wiki%3Axwiki/fullcalendar/3.10.2/fullcalendar.min.js:10:5784" style="box-sizing: border-box; min-width: 0px; min-height: 0px; font: inherit; color: rgb(255, 177, 195); text-decoration: underline; outline-offset: 2px; margin: 0px; height: unset; border-color: currentcolor; border-style: none; border-width: medium; border-image: none; border-radius: 2px; padding: 0px !important; background: none; flex: 0 0 auto; white-space: nowrap; cursor: pointer; outline: none; max-width: 100%; overflow: hidden; text-overflow: ellipsis; word-break: break-all;">fullcalendar.min.js:10:5784</button>)
</span><span class="formatted-stack-frame" style="box-sizing: border-box; min-width: 0px; min-height: 0px; display: block;">    at e.interactionEnd (<button role="link" class=" devtools-link text-button link-style " jslog="Link; context: script-location; track: click" tabindex="-1" title="http://localhost:8080/xwiki/webjars/wiki%3Axwiki/fullcalendar/3.10.2/fullcalendar.min.js:11:12647" style="box-sizing: border-box; min-width: 0px; min-height: 0px; font: inherit; color: rgb(255, 177, 195); text-decoration: underline; outline-offset: 2px; margin: 0px; height: unset; border-color: currentcolor; border-style: none; border-width: medium; border-image: none; border-radius: 2px; padding: 0px !important; background: none; flex: 0 0 auto; white-space: nowrap; cursor: pointer; outline: none; max-width: 100%; overflow: hidden; text-overflow: ellipsis; word-break: break-all;">fullcalendar.min.js:11:12647</button>)</span></span></span></span></span></div><div class="" role="group" style="box-sizing: border-box; min-width: 0px; min-height: 0px; flex: 0 0 auto; color: rgb(239, 222, 225); font-family: monospace; font-size: 12px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(78, 53, 52); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><div class="vbox flex-auto widget monospace stack-preview-container has-non-ignored-links" style="box-sizing: border-box; min-width: 0px; min-height: 0px; font-family: monospace; font-size: 12px !important; position: relative; flex: 1 1 auto; contain: style; display: flex; flex-direction: column !important;">
  | updateEvent | @ | Macro:96
-- | -- | -- | --
  | eventDrop | @ | MoccaCalendar/:1414
  | t.publiclyTrigger | @ | fullcalendar.min.js:10
  | e.publiclyTrigger | @ | fullcalendar.min.js:10
  | e.triggerEventDrop | @ | fullcalendar.min.js:7
  | e.reportEventDrop | @ | fullcalendar.min.js:7
  | (anonymous) | @ | fullcalendar.min.js:11
  | o | @ | fullcalendar.min.js:10
  | t.stop | @ | fullcalendar.min.js:10
  | interactionEnd | @ | fullcalendar.min.js:11
  | t.trigger | @ | fullcalendar.min.js:8
  | t.handleInteractionEnd | @ | fullcalendar.min.js:8
  | e.handleInteractionEnd | @ | fullcalendar.min.js:6
  | t.endInteraction | @ | fullcalendar.min.js:8
  | o | @ | jquery.min.js?r=1:2
  | e | @ | fullcalendar.min.js:6
  | dispatch | @ | jquery.min.js?r=1:2
  | v.handle | @ | jquery.min.js?r=1:2
  | trigger | @ | jquery.min.js?r=1:2
  | (anonymous) | @ | eventsBridge.js:35
  | triggerHandler | @ | jquery.min.js?r=1:2
  | e.trigger | @ | fullcalendar.min.js:6
  | t.handleMouseUp | @ | fullcalendar.min.js:7
  | o | @ | jquery.min.js?r=1:2
  | dispatch | @ | jquery.min.js?r=1:2
  | v.handle | @ | jquery.min.js?r=1:2

</div></div><!--EndFragment-->
</body>
</html>

Please note that the event is moved.
Same situation with Shrink an event in week view.

Image
dragdrop.mp4

OS: Windows 11 Pro
Browser Chrome: 150
XWiki version: XWiki 18.4.2
App version: Calendar Application (Pro) 2.19.1

Metadata

Metadata

Assignees

Type

No type

Fields

No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions