有名ですが、Ext.ux.IconComboについてです。
これは、そのまま使うと、Safariのみアイコンとテキストがかぶってしまいます。
これについては、CSSの問題なのですが、Fixするための方法が特に提示されていないようなので、投稿します。
1.IconComboを改造する
はい、改造ってか修正します。ってか付け加えます。
2.onRenderに下記のコードを加える
Code:
onRender : function( ct, position ) { ....つれつれ
という部分があるはずです。
ここの最後に下記のコードを追加してください。
Code:
// Safari対応
if( Ext.isSafari ) {
this.el.applyStyles({ paddingLeft: this.inputPadding || '25px' });
}
上記では、CSSに書かれているpaddingサイズを指定しました。
コンフィグオプションにinputPaddingを設定することで、Safari動作時に好きなサイズを設定できます。
何も指定しないと、25pxに設定されます。
ご参考までに。