在chrome 87.0.4280.67上使用 Sencha ExtJs 7.x时,问题字段集标签不可见

yvgpqqbh  于 2022-11-05  发布在  其他
关注(0)|答案(5)|浏览(176)

我有一个问题与chrome 87.0.4280.67和 Sencha ExtJs 7.x,后chrome更新字段集标签不可见。
我可以在官方的厨房Flume例子中看到这个问题:https://examples.sencha.com/extjs/7.2.0/examples/kitchensink/?classic#form-fieldcontaine

jvlzgdj9

jvlzgdj91#

根据 Sencha Support的说法,最佳解决方案是:

.x-fieldset-header, .x-fieldset-header-default > .x-fieldset-header-text {
    position: initial;
}

.x-fieldset-header, .x-fieldset-header-default .x-tool-tool-el {
    overflow: initial;
}

我已经在Ext 7.3.1和6.5.3上进行了测试

e5njpo68

e5njpo682#

我们通过添加
位置:静态

位置:unset //(感谢mitchell)

.x-fieldset-标题-默认值〉.x-fieldset-标题-文本
我在Chrome、Firefox和Edge中的ExtJS 6.2.1和7.3.1中测试了它,目前它还能正常工作。

izkcnapc

izkcnapc3#

我把它修好了

.x-fieldset-header,
.x-fieldset-header .x-tool-tool-el {
    overflow: unset;
}

在@Gasper的答案中,只使用位置技术对只有标签的字段集有效,但是对于可折叠的字段集,展开/折叠图标仍然是隐藏的。

qyzbxkaa

qyzbxkaa4#

似乎唯一一个工作良好,并不影响Safari的只是一个简单的:

.x-fieldset {
    overflow: unset;
}
7nbnzgx9

7nbnzgx95#

我通过添加以下代码修复了它:

.x-fieldset-header, .x-fieldset-header-default .x-tool-tool-el {
    overflow: static;
}

相关问题