使用FireFox时,Kendo UI控件无法正常工作

时间:2014-03-19 09:42:43

标签: firefox kendo-asp.net-mvc kendo-dropdown kendo-datepicker

我在我的应用程序中使用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是否有任何默认问题?

  

3 个答案:

答案 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中正常工作。