2017-07-25 7 views
6

extJSタグフィールドに非常に奇妙なバグがあります。 tagfildを使用した後、タグフィールドで選択されたコンポーネントを見るためにフィールドの上下矢印を見ることができません。タグフィールドのコンポーネントfirefoxの下向き矢印

私はフィドラーを作成しました。クロムとファイアフォックスでフィドラーを開き、違いを見てください。

ここはフィドルのリンクです。 Fiddle イメージの赤丸は、私がFirefoxで求めているものです。 enter image description here

誰でも私に何か考えを与えることができます。

+0

は、私はあなたが使用しているクロームのバージョンのMacOSでのアップダウンの矢印のいずれかクロームバージョン59.0.3071.115には、見ることができませんか? – overlordhammer

+0

バージョン59.0.3071.115(公式ビルド)(64ビット)Windows 10 – David

答えて

3

growMaxプロパティを5から35に変更してください。これは修正する必要があります。

Ext.create('Ext.form.Panel', { 
    renderTo: Ext.getBody(), 
    title: 'Sci-Fi Television', 
    height: 200, 
    width: 300, 

    items: [{ 
     xtype: 'tagfield', 
     fieldLabel: 'Select a Show', 
     store: shows, 
     displayField: 'show', 
     valueField: 'id', 
     growMax : 35, 
     queryMode: 'local', 
     filterPickList: true, 

    }] 

});

要素のサイズは高さが34個のピクセルよりも小さい場合Firefoxはスクロールバーを描画することが不可能です。

私はMacOSのためSafariとChromeを試したし、彼らはまた、あなたがを掲載例のスクロールバーは表示されません。

要素の高さが34ピクセル以上の値に変化すると、スクリーンショットのスクロールバーが表示されます(図2の33pxは表示されなくなります)。 。 enter image description here

enter image description here

私は、これはあなたの問題を解決するのに役立ちます願っています。

+0

におけるしかし、私は、フィールドの高さ – David

+0

の大きなソリューションは、フィールドのテンプレートをオーバーライドして、独自のスクロール制御を含め、クリックイベントを処理し、ためになることは必要ありません。自分でビューをスクロールしますが、それは簡単な作業ではありませんが、実現するのは不可能ではありません。 – overlordhammer

+0

ええと。私はこれを一時的な解決策として使用しています。しかし、私が正しい解決策を得ることができるかどうかを見てみましょう。ご回答ありがとうございます – David

関連する問題