Question

我已经使用了Kendo UI Angular DatePicker的基本用法示例。

然而，当点击DatePicker时，如果有滚动条，它会恼人地滚动到不同的位置以打开DatePicker。

HTML：

<kendo-datepicker ></kendo-datepicker>

package.json看起来像：

"@progress/kendo-angular-dateinputs": "^2.2.0",
"@progress/kendo-angular-intl": "^1.4.0",
"@progress/kendo-angular-l10n": "^1.1.0",
"@progress/kendo-angular-popup": "^2.1.0",
"@progress/kendo-theme-default": "^2.50.0",

App.module.ts：

import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { IntlModule } from '@progress/kendo-angular-intl';
import { DateInputsModule } from '@progress/kendo-angular-dateinputs';
import { ReactiveFormsModule, FormsModule } from '@angular/forms';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    IntlModule,
    DateInputsModule,
    FormsModule,
    ReactiveFormsModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

为什么它会改变滚动位置的任何想法？

Answer 1

它是Kendo Datepicker的一个错误。

我遇到了同样的问题。但我找到了解决方法。

滚动发生在toggleFocus()的{{1}}函数中。

要解决此问题，您只需导入组件中的DatePickerComponent即可。

DatePickerComponent

并在组件的末尾添加此代码。

import { DatePickerComponent } from "@progress/kendo-angular-dateinputs";

应该是这样的。

(DatePickerComponent as any).prototype.toggleFocus = function() {};

Answer 2

所描述的问题是由DatePicker执行的即时弹出内容引起的已知错误。最近（在撰写本文时）Kendo Popup for Angular已经解决了这个问题。要安装它，只需运行以下命令：

npm install @progress/kendo-angular-popup@2.2.0

有关此问题的更多详细信息，请参阅相关的Github主题：

https://github.com/telerik/kendo-angular/issues/1459

Kendo UI Angular DatePicker移动滚动位置

2 个答案: