[Bug]: Datepicker triangle symbol is shown at bottom instead of top

[panmona]

Blazorise Version

1.8.3

What Blazorise provider are you running on?

None

Link to minimal reproduction or a simple code snippet

https://blazorise.com/docs/components/date-picker

Steps to reproduce & bug description

1. Scroll the datepicker text field to the bottom of the viewport. For example like this:
2. Click into the datepicker
3. Scroll down and check how the symbol is shown

What is expected?

The small triangle is displayed at the top of the datepicker pointing towards the field.

What is actually happening?

The small triangle is displayed at the bottom of the datepicker pointing away from the field:

What browsers do you see the problem on?

Chrome

Any additional comments?

No response

[stsrki]

Can you define the parameter StaticPicker="false"?

[panmona]

Yes, but then the DatePicker scrolls with you on the page which is not the behaviour I want. I know that it is to be expected from setting StaticPicker=false.

[stsrki]

The only other way to make it work is to add position: relative to the immediate parent element. Or in the Blazorise way, Position="Position.Relative". Can you try that?

[panmona]

We already use Position.Relative on the parent element. (Otherwise it is not shown directly below the field. However, this has no impact on the triangle symbol)