我在我的应用程序中使用Kendo UI控件。最近我在使用FireFox时发现了一个很大的Kendo控件问题。
我发现某些Kendo UI控件在firefox中无法正常工作。
喜欢: - KendoDatePicker,Kendo()。Dropdownlist()。
1)KendoDatePicker(): -
当我使用$(“#DatePicker”)。KendoDatePicker()然后在Firefox中没有显示KendoDatePicker日历。
我发现firefox没有使用Kendo.default.min.css。但是,当我使用IE或Chrome检查类似功能时,它正在运行。并采取上述CSS。
2)Html.Kendo()。DropDownList(): -
如果我使用Mouse更改Dropdownlist项而不是替换firefox中的项。 但在其他浏览器中运行良好。
以下是Dropdownlist的代码: -
@using Kendo.Mvc.UI
@model string
@(Html.Kendo().DropDownList()
.Name("SelectedCategory")
.DataTextField("Text")
.DataValueField("Text")
.Value(Model)
.BindTo(ViewBag.Categories)
)
任何人都可以帮我解决这个问题吗? Kendo UI Controls和FireFox是否有任何默认问题?
答案 0 :(得分:5)
Kendo UI团队已经发现Firefox中的Popup存在问题,这会影响使用它的所有Kendo UI Widgets。只有当页面无法在那里打开Popup时才会出现问题。
只有CSS可以轻松替代修复。在文档元素上强制执行所需的溢出,如下所示:
.k-ff { overflow: inherit !important;}
上面的选择器只会影响Firefox。根据需要调整溢出(可见,自动,隐藏,滚动,继承)。
答案 1 :(得分:2)
我一直在为Mozila Firefox中的这个问题苦苦挣扎,从今天开始,在谷歌Chrome版本61中......
经过大量的敲击后我发现了一个解决方案!
事实证明,每个Kendo UI版本都支持jQuery版本。他们可以在这里找到 - http://docs.telerik.com/kendo-ui/intro/installation/prerequisites#jquery。
在我的情况下,我有Kendo UI 2016.3.1118(R3 2016 SP2),我使用了jQuery 2.2.3,这引起了我的问题。我根据上面链接的文档将它切换到1.12.3,我的DropDownList问题就消失了。
我希望能为你们中的许多人省下很多努力,享受!
答案 2 :(得分:0)
我得到了解决方案。正如我所提到的,Kendo控件不仅仅在firefox中工作,而且在其他浏览器中工作。所以我只是通过重新安装Firefox检查,现在所有的Kendo控件都可以在Firefox中正常工作。