ExtJS 5 文本字段错误 (Chrome)

Posted

技术标签:

【中文标题】ExtJS 5 文本字段错误 (Chrome)【英文标题】:ExtJS 5 textfield bug (Chrome) 【发布时间】:2015-05-27 12:59:00 【问题描述】:

我使用窗口和 3 个字段创建简单的应用程序: Fiddle Link(使用 Chrome)

当我在字段中输入一个值时,它看起来很好。

但是当我改变焦点时,字段中的文本会向下移动。

所有字段的工作方式都类似。

点击触发器后(如果字段有)文本看起来很好。

此错误仅在 Chrome 中。 IE、Opera、Firefox 和 Vivaldi 工作正常。 我该如何解决?

【问题讨论】:

【参考方案1】:

这是 chrome 的一个已知错误。在这里查看解决方法:

https://www.sencha.com/forum/showthread.php?301227-Visual-combobox-bug-in-Chrome-43.0.2357.65-m&p=1101244&viewfull=1#post1101244

【讨论】:

谢谢,我错过了那个帖子(【参考方案2】:

CSS 修复:

.x-form-text  display: inline; 

在这里演示:http://ext4all.com/post/extjs-5-textfield-chrome-bug-fix.html

【讨论】:

以上是关于ExtJS 5 文本字段错误 (Chrome)的主要内容,如果未能解决你的问题,请参考以下文章

在网格面板中动态更改 extjs 4 网格文本框背景颜色

ExtJS4:如何在文本框、组合框等旁边显示验证错误消息

ExtJS 4.2.1 - 表单自定义字段验证

ExtJs:当文本字段获得焦点时,在文本字段中手动触发粘贴事件

ExtJs - 具有动态可关闭标签的文本字段

在 extjs 中编辑文本字段