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 ، جميلة جافا سكريبت المكتبه ، صندوق منسدل على شريط الأدوات لعرض يفشل فيه نافذة المتصفح هو بحجم ثانية او فى حالة وجود آخر div العرض بنسبة 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 اكثر من غيرها من عناصر واجهة المستخدم على شريط الادوات ، وفتح combox لعرض عناصر الخ ولكن اسهل طريقة لاستنساخ هو لتغيير حجم النافذة.

Reproducibility: القدرة على التكاثر :
The defect can been consistently (100%) reproduced on IE 6 but never on IE 5.5 or Firefox. العيب يمكن ان يتم باستمرار (100 ٪) مستنسخه عن اي 6 لكن لم يحدث ابدا على اي 5،5 او فايرفوكس.

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. فتحه في اي تغيير وبعد ذلك نافذة.

Partial workaround: حل جزئي :
Assign a fixed size to the ToolBar when in IE. اسناد حجم ثابت الى شريط الأدوات في اي حين.

Jack Slokum, author of ExtJS library, has kindly pointed me to three solutions: جاك slokum ، صاحب مكتبة extjs ، تفضلت واشار لى الى ثلاثة حلول :

Here are a couple workarounds you can try: وهنا بضعة workarounds يمكنك ان تحاول :
- 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. -- اسوأ الحالات ، تطبيق الارتفاع الى شريط الادوات div.

He said that it is a defect with IE 6. وقال انه نتيجة لعيب في انترنت اكسبلورر 6 مع.

BTW: I am impressed with his quick response, not to mention the wonderful library he created. راجع للشغل : انني معجب بلدة الاستجابة السريعه ، ناهيك عن خلق المكتبه الراءعه.

My experience with the workarounds are: تجربتي مع workarounds هي :
1. I tried to apply zoom: 1 style to the toolbar div as follows: حاولت ان تطبق التكبير : 1 اسلوب div الى شريط الادوات على النحو التالي :
Code: الرمز :


It still made it invisible. وهو لا يزال جعلها غير مرئية. However on clicking in that area, it became visible again. ولكن النقر على في هذا المجال ، أصبح للعيان مرة اخرى.
2. I changed the height to several values in the style. لقد غيرت خط الطول الى العديد من القيم في النمط. However it didn’t help. بيد انه لا يساعد.
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. وذكر انه قد اضاف الي هذا الاصلاح الافتراضي stylesheet الى حل هذه المساله لاطلاق سراح المقبل. Not only now I am impressed with the ليس فقط الان وانا معجب مع library المكتبه but also his responsiveness to problems. ولكن الرئيس أيضا على الاستجابة للمشاكل. Thanks Jack. شكرا جاك.