最近在改bug的时候, 用到了max-width min-width min-height max-height, 之前从来没在乎过的属性,居然在系统的问题上起了关键性的作用...
一.bug描述: 环境是Ext JS 4.0版本的textarea,在IE8浏览器下scrolling的问题,并且光标无法定位.
本来都想挂起的bug,没想到简单的css样式就解决了问题,IE浏览器会把Ext JS的控件解析成table里的input,一层套一层的.在解读textarea的时候,最里面的一层是TEXTAREA,只要给TEXTAREA赋予width固定值,并且min-width与max-width为100%即可.
二.bug描述: 环境是Ext JS 4.0版本我们自己封装的CheckCombo,及在combobox里添加checkbox并添加全选功能.由于我们加allSelector的时候是在picker里这样加的:
picker.getEl().insertHtml('afterBegin', '<div class="x-boundlist-item" role="option"><span class="x-combo-checker"> </span> ' + me.allText + '</div>', true);
这样就造成,全选项与下面的内容是两个分开的div,由于上面的div暂用了原本CheckCombo的高度,就造成combobox的内容少了一行.
这个问题居然也是简单的css就解决了
.x-boundlist-list-ct
{
max-height: 265px !important;
}
combobox下拉的高度默认是270左右,max-height的高度减少了5px左右,居然能解决问题,自己都觉得css挺神奇的 哈哈......
一.bug描述: 环境是Ext JS 4.0版本的textarea,在IE8浏览器下scrolling的问题,并且光标无法定位.
本来都想挂起的bug,没想到简单的css样式就解决了问题,IE浏览器会把Ext JS的控件解析成table里的input,一层套一层的.在解读textarea的时候,最里面的一层是TEXTAREA,只要给TEXTAREA赋予width固定值,并且min-width与max-width为100%即可.
二.bug描述: 环境是Ext JS 4.0版本我们自己封装的CheckCombo,及在combobox里添加checkbox并添加全选功能.由于我们加allSelector的时候是在picker里这样加的:
picker.getEl().insertHtml('afterBegin', '<div class="x-boundlist-item" role="option"><span class="x-combo-checker"> </span> ' + me.allText + '</div>', true);
这样就造成,全选项与下面的内容是两个分开的div,由于上面的div暂用了原本CheckCombo的高度,就造成combobox的内容少了一行.
这个问题居然也是简单的css就解决了
.x-boundlist-list-ct
{
max-height: 265px !important;
}
combobox下拉的高度默认是270左右,max-height的高度减少了5px左右,居然能解决问题,自己都觉得css挺神奇的 哈哈......