Datepicker not working correctly

[sephit]

Is there an existing issue for this?

• I have searched the existing issues

Description

In Firefox, there is an issue when you try to open a dropdown inside a Modal. It closes automatically. It doesn't seem to happen in chrome.

https://www.loom.com/share/77c5c42318af4ff8b16f16e8729a7a66?sid=4c20182b-6621-4e39-9dd0-1f721967b51c

Reproduction Steps

Create a new clean ABP Project and generate an entity with a datetime and then in the UI, place a datepicker using the ABP TagHelpers

        <abp-date-picker auto-update-input="true" today-button-classes="btn-primary" asp-for="MainDemo.Date" data-date="@DateTime.Now.ToString("yyyy-MM-dd")" />

Expected behavior

We should be able to open the dropdown without issues in FIREFOX

Actual behavior

We can't open the dropdown in FIREFOX

Regression?

No response

Known Workarounds

Seems to be related with this
https://stackoverflow.com/questions/22050641/month-select-in-datepicker-inside-a-bootstrap-modal-wont-work-in-firefox
twbs/bootstrap#19971
twbs/bootstrap#19971 (comment)

Version

8.0.2

User Interface

MVC

Database Provider

EF Core (Default)

Tiered or separate authentication server

None (Default)

Operation System

Windows (Default)

Other information

No response