Hi, I'm having a weird issue with dropdownlists and date pickers. Basically they work fine if I dont scroll may page at all but when I scroll it looks like the dropdown or datepickers child items are stuck at the original position relative to my page height.
I attached a screenshot of what is happening.
Most of my controls are pretty basic. Is there something I'm missing in the controls thats messing with the placement of the child items?
Here is one of my drop down lists:
<
div
class
=
"form-group"
>
<
label
asp-for
=
"timezone"
class
=
"user-label col-md-2"
></
label
>
<
div
class
=
"col-md-4"
>
@(Html.Kendo().DropDownList()
.Name("timezone")
.DataTextField("Text")
.DataValueField("Value")
.OptionLabel("Select Time Zone")
.BindTo(new List<
SelectListItem
>() {
new SelectListItem() { Text = "0 EST", Value = "0" },
new SelectListItem() { Text = "-1 CEN", Value = "-1" },
new SelectListItem() { Text = "-2 MTN", Value = "-2" },
new SelectListItem() { Text = "-3 PAC", Value = "-3" },
new SelectListItem() { Text = "-4 ALA", Value = "-4" },
new SelectListItem() { Text = "-5 HAW", Value = "-5" },
new SelectListItem() { Text = "+1 ATL", Value = "1" },
new SelectListItem() { Text = "+1.5 NFI", Value = "1.5" }
})
.Value(Model.timezone.ToString())
)
</
div
>
</
div
>
Here is one of my date pickers:
<
div
class
=
"form-group"
>
<
label
asp-for
=
"sign_on_expiry_date"
class
=
"user-label col-md-2"
></
label
>
<
div
class
=
"col-md-4"
>
@(Html.Kendo().DatePicker()
.Name("sign_on_expiry_date")
.Value(Model.sign_on_expiry_date)
)
</
div
>
</
div
>