Solutions: Internet Explorer 6 Visibility Bug With ExtJS ComboBox on Toolbarソリューション: Internet Explorer 6のコンボボックスをツールバーの可視性のバグをextjs
An Ext JS, a beautiful Javascript Library, ComboBox on a Toolbar fails to display when the browser window is resized or there is another div with 100% width. jsの内線、美しいJavaScriptライブラリ、ツールバーのコンボボックスの表示に失敗するときは、ブラウザのウィンドウのサイズが変更または別の領域には100 %幅を設定します。 The problem is most likely related to resizing of the Toolbar which causes the ComboBox to stop displaying.この問題は、最も高い関連して、ツールバーのサイズ変更がこれが原因で、コンボボックスの表示を停止します。
There are several ways in which the defect can be demonstrated like mouseover over other UI components on the toolbar, opening the ComBox to display the elements etc. But the easiest way to reproduce is to resize the window.には、いくつかの方法では、デモのような欠陥mouseOverのできる、ツールバー上の他のUIコンポーネント、開くには、 comboxを表示するなどの要素を再現するのが最も簡単な方法はウィンドウのサイズを変更する。
Reproducibility:再現性:
The defect can been consistently (100%) reproduced on IE 6 but never on IE 5.5 or Firefox.その欠陥ことから一貫( 100 % )すなわち6しかし、決して上に複製さすなわち5.5またはFirefoxを起動します。
Demo code:デモコード:
You can view the demo code at http://taragana.com/downloads/extjs/デモコードを表示することができますhttp://taragana.com/downloads/extjs/
Open it in IE and then resize the window.それを開いて、 IEと入力し、ウィンドウのサイズを変更する。
Partial workaround:部分的回避策:
Assign a fixed size to the ToolBar when in IE.固定のサイズを割り当てるには、ツールバーのときにIEを起動します。
Jack Slokum, author of ExtJS library, has kindly pointed me to three solutions:ジャックslokum 、著者のextjs図書館、親切に指摘は、私に3つのソリューション:
Here are a couple workarounds you can try:ここでは、カップルを回避しようとすることができます:
- Apply the style zoom:1 to the toolbar. -スタイル適用してズーム: 1を、ツールバーのです。
- Remove the strict doc type (and fix a lot of IE bugs). -削除して厳格なドキュメントタイプ(すなわち、多くのバグを修正する) 。
- Worst case, apply a height to the toolbar div. -最悪の場合、適用すると、ツールバーの領域の高さをします。
He said that it is a defect with IE 6.彼によると、同社は、欠陥及びIE 6 。
BTW: I am impressed with his quick response, not to mention the wonderful library he created.ところで:私は彼に感銘をクイックレスポンス、言及しないように彼の素晴らしいライブラリを作成します。
My experience with the workarounds are:私の経験では回避策が:
1. 1 。 I tried to apply zoom: 1 style to the toolbar div as follows:ズームを適用するてみました: 1のスタイルを、ツールバーの領域以下のとおり:
Code:コード:
It still made it invisible.まだ目に見えないことです。 However on clicking in that area, it became visible again.しかし、そのエリアをクリックして、次のことが再びです。
2. 2 。 I changed the height to several values in the style.私の高さを、いくつかの値を変更しているスタイルです。 However it didn’t help.しかし助けていない。
3. 3 。 I removed the strict doc type too without any help.私削除してもなく厳格なヘルプドキュメントのタイプです。
You can follow the discussion次の議論することができます。 hereここで .です。
Update: Jack Slokum pointed out that the zoom fix needs to go into the x-toolbar (see below for an example).更新日:ジャックslokumズーム指摘して修正する必要が入るのX -ツールバーの(の例については以下を参照) 。 It works like a charm.魔法のように動作します。 I have removed my previous fix of fixed tollbar width in favor of this fix.私は私の前の修正プログラムを削除するに賛成の固定幅tollbarこの修正プログラムです。
He also mentioned that he has added this fix to the default stylesheet to workaround this issue for the next release.彼はまた、この修正プログラムが追加されました言及が彼のデフォルトのスタイルシートをこの問題を回避するために、次のリリースです。 Not only now I am impressed with the今、私は感銘を受けるだけでなく、 libraryライブラリ but also his responsiveness to problems.しかし、彼の反応にも問題が発生します。 Thanks Jack.ジャックのおかげです。
Filed under提出されて Ajax ajax , 、 Browserブラウザ , 、 Firefox Firefoxの , 、 Headline Newsニュースの見出し , 、 How Toどのように , 、 Internet Explorerインターネットエクスプローラ , 、 Javascript JavaScriptの , 、 Programmingプログラミング , 、 Webウェブ , 、 Web 2.0ウェブ2.0 | |
| |
RSS 2.0 RSS 2.0を | |
Trackbackトラックバック this Article |この記事|
Email this Article電子メールこの記事
You may also like to readを読むようにすることも可能 |




