我在 extJS 标签字段中发现了一个非常奇怪的错误。使用 tagfild 后,我看不到字段的上下箭头以查看 tagfield 中的选定组件。
我创建了一个fiddler,请在chrome和firefox中打开fiddler,看看有什么不同。
这是 fiddle 的链接。
Fiddle
图像中的红色圆圈是我在 Firefox 中要求的。
任何人都可以给我一些想法。
最佳答案
将您的 growMax 属性从 5 更改为 35,它应该是固定的。
Ext.create('Ext.form.Panel', {
renderTo: Ext.getBody(),
title: 'Sci-Fi Television',
height: 200,
width: 300,
items: [{
xtype: 'tagfield',
fieldLabel: 'Select a Show',
store: shows,
displayField: 'show',
valueField: 'id',
growMax : 35,
queryMode: 'local',
filterPickList: true,
}]
});
当元素高度小于 34 像素时,Firefox 无法绘制滚动条。
我已经尝试过 MacOS 的 Safari 和 Chrome,它们也在您发布的示例中不显示滚动条。
一旦元素的高度变为等于或大于 34 像素的值,您就可以在屏幕截图中看到滚动条,一旦低于该值(图片 #2 中的 33px)将不再显示。
我希望这有助于解决您的问题。
关于javascript - 向上向下箭头不适用于 tagfield 组件的 firefox,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45301854/