IconComboのSafari対応

[Kazuhiro Kotsutsumi]

有名ですが、Ext.ux.IconComboについてです。

これは、そのまま使うと、Safariのみアイコンとテキストがかぶってしまいます。
これについては、CSSの問題なのですが、Fixするための方法が特に提示されていないようなので、投稿します。

１．IconComboを改造する

はい、改造ってか修正します。ってか付け加えます。

２．onRenderに下記のコードを加える


onRender : function( ct, position ) { ....つれつれ


という部分があるはずです。
ここの最後に下記のコードを追加してください。


// Safari対応
if( Ext.isSafari ) {
this.el.applyStyles({ paddingLeft: this.inputPadding || '25px' });
}

上記では、CSSに書かれているpaddingサイズを指定しました。
コンフィグオプションにinputPaddingを設定することで、Safari動作時に好きなサイズを設定できます。
何も指定しないと、25pxに設定されます。

ご参考までに。