javascript - 向上向下箭头不适用于 tagfield 组件的 firefox

Question

我在 extJS 标签字段中发现了一个非常奇怪的错误。使用 tagfild 后，我看不到字段的上下箭头以查看 tagfield 中的选定组件。

我创建了一个fiddler，请在chrome和firefox中打开fiddler，看看有什么不同。

这是 fiddle 的链接。 Fiddle图像中的红色圆圈是我在 Firefox 中要求的。

任何人都可以给我一些想法。

Answer 1

将您的 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)将不再显示。

我希望这有助于解决您的问题。