Jquery 如何对齐;选项“;致;选择";剑道下拉列表?

Jquery 如何对齐;选项“;致;选择";剑道下拉列表?,jquery,html,css,kendo-ui,kendo-dropdown,Jquery,Html,Css,Kendo Ui,Kendo Dropdown,我正在使用剑道ui下拉列表,我注意到当选择从视口中被切断时,选项与选择不对齐。情况就是这样: 在这种情况下,有没有办法使选项与选择对齐?我希望选项也从屏幕上删除 谢谢大家! 附言: 剑道下拉列表可以在这里看到:嗯,这不是一个bug,而是一个特性 您必须重写弹出窗口小部件(kendo.ui.Popup)中的\u position方法 备选方案: 我是在另一个环境中发现这一点的;您可以通过将kendo.ui.Popup.fn.options.collision设置为false(这将影响使用Popu

我正在使用剑道ui下拉列表,我注意到当选择从视口中被切断时,选项与选择不对齐。情况就是这样:

在这种情况下,有没有办法使选项与选择对齐?我希望选项也从屏幕上删除

谢谢大家!

附言:
剑道下拉列表可以在这里看到:

嗯,这不是一个bug,而是一个特性

您必须重写弹出窗口小部件(kendo.ui.Popup)中的
\u position
方法

备选方案: 我是在另一个环境中发现这一点的;您可以通过将
kendo.ui.Popup.fn.options.collision
设置为
false
(这将影响使用Popup的所有小部件)来防止下拉列表更改位置:


()

你能为你的代码提供有问题的JSFIDLE链接吗?@NathanLee我刚刚提供了剑道ui DropDownList的演示,但这很好,但我需要知道你的代码中有一个问题,就是不允许它正确对齐-@dork@NathanLee调整浏览器窗口的大小以模仿我在问题中附加的图片:)@dork我编辑了我的答案;希望能有帮助
kendo.ui.Popup.fn.options.collision = false;

var data = [{
    text: "Item1",
    value: "1"
}, {
    text: "Item2",
    value: "2"
}, {
    text: "Item3",
    value: "3"
}];

$("#dropdownlist").kendoDropDownList({
    dataTextField: "text",
    dataValueField: "value",
    dataSource: data
});