Re-selecting range in the date range calendar causes browser tab to freeze in Firefox

[juliaramstedt]

Hi,

I first encountered this issue in our application, but later confirmed that it also occurs on the Mobiscroll demo page:
https://demo.mobiscroll.com/javascript/range/mobile-desktop-usage

It applies to the version of the date range picker that's setup like this in the demo:

mobiscroll.datepicker('#inline-picker', {
    controls: ['calendar'],
    select:'range',
    display: 'inline',
    touchUi: true
});

This happens only in Firefox. I see it in version 141.0. It doesn't occur for everyone with that version through, I'm not sure what's different. I have tried in Firefox troubleshoot mode and the issue still occurs.

Steps to Reproduce

1. Select a date range on the calendar.
2. Click a new date before the selected date range, or clear one of the dates using the 'X' on the range label.
3. The browser tab freezes and becomes unresponsive.

Expected behaviour

• The old date range should be cleared and I should be able to select a new end date.

Environment

• Browser: Firefox 141.0.
• OS: macOS Ventura 13.7.5
• User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:141.0) Gecko/20100101 Firefox/141.0
• Browser language: "sv-SE","en-US","en-GB"

In our application code, I have noticed that the problem goes away with option showRangeLabels: false.

Let me know if you'd like more info.

Here is a screen recording of the issue:
https://github.com/user-attachments/assets/ef96da49-54cb-40e6-a7b1-96ad77c375ec