PDA

View Full Version : ListMenu via GridFilters scroll issue



paulr88
31 May 2011, 2:13 PM
I have a list filter on a grid column which is a list of countries (247). When the list is rendered the menu scoll arrows appear for a moment, the the list expands to height of viewport, thus hiding the arrows. Adding height to the filter has no effect.



var countries=[{id:'UNKNOWN',text:'Unknown'},{id:'US',text:'United States'},{id:'AF',text:'Afghanistan'},{id:'AX',text:'Aland Islands'},{id:'AL',text:'Albania'},{id:'DZ',text:'Algeria'},{id:'AS',text:'American Samoa'},{id:'AD',text:'Andorra'},{id:'AO',text:'Angola'},{id:'AI',text:'Anguilla'},{id:'AQ',text:'Antarctica'},{id:'AG',text:'Antigua and Barbuda'},{id:'AR',text:'Argentina'},{id:'AM',text:'Armenia'},{id:'AW',text:'Aruba'},{id:'AU',text:'Australia'},{id:'AT',text:'Austria'},{id:'AZ',text:'Azerbaijan'},{id:'BS',text:'Bahamas, The'},{id:'BH',text:'Bahrain'},{id:'BD',text:'Bangladesh'},{id:'BB',text:'Barbados'},{id:'BY',text:'Belarus'},{id:'BE',text:'Belgium'},{id:'BZ',text:'Belize'},{id:'BJ',text:'Benin'},{id:'BM',text:'Bermuda'},{id:'BT',text:'Bhutan'},{id:'BO',text:'Bolivia'},{id:'BA',text:'Bosnia and Herzegovina'},{id:'BW',text:'Botswana'},{id:'BV',text:'Bouvet Island'},{id:'BR',text:'Brazil'},{id:'IO',text:'British Indian Ocean Territory'},{id:'BN',text:'Brunei DARUSSALAM'},{id:'BG',text:'Bulgaria'},{id:'BF',text:'Burkina Faso'},{id:'BI',text:'Burundi'},{id:'KH',text:'Cambodia'},{id:'CM',text:'Cameroon'},{id:'CA',text:'Canada'},{id:'CV',text:'Cape Verde'},{id:'KY',text:'Cayman Islands'},{id:'CF',text:'Central African Republic'},{id:'TD',text:'Chad'},{id:'CL',text:'Chile'},{id:'CN',text:'China'},{id:'CX',text:'Christmas Island'},{id:'CC',text:'Cocos (Keeling) Islands'},{id:'CO',text:'Colombia'},{id:'KM',text:'Comoros'},{id:'CG',text:'Congo'},{id:'CD',text:'Congo, The Democratic Republic'},{id:'CK',text:'Cook Islands'},{id:'CR',text:'Costa Rica'},{id:'CI',text:'Cote d\"Ivoire'},{id:'HI',text:'Croatia'},{id:'CU',text:'Cuba'},{id:'CW',text:'Curacao'},{id:'CY',text:'Cyprus'},{id:'CZ',text:'Czech Republic'},{id:'DK',text:'Denmark'},{id:'DJ',text:'Djibouti'},{id:'DM',text:'Dominica'},{id:'DO',text:'Dominican Republic'},{id:'EC',text:'Ecuador'},{id:'EG',text:'Egypt'},{id:'SV',text:'El Salvador'},{id:'GQ',text:'Equatorial Guinea'},{id:'ER',text:'Eritrea'},{id:'EE',text:'Estonia'},{id:'ET',text:'Ethiopia'},{id:'FK',text:'Falkland Islands (Islas Malvin'},{id:'FO',text:'Faroe Islands'},{id:'FJ',text:'Fiji'},{id:'FI',text:'Finland'},{id:'FR',text:'France'},{id:'GF',text:'French Guiana'},{id:'PF',text:'French Polynesia'},{id:'TF',text:'French Southern Territories'},{id:'GA',text:'Gabon'},{id:'GM',text:'Gambia'},{id:'GE',text:'Georgia'},{id:'DE',text:'Germany'},{id:'GH',text:'Ghana'},{id:'GI',text:'Gibraltar'},{id:'GR',text:'Greece'},{id:'GL',text:'Greenland'},{id:'GD',text:'Grenada'},{id:'GU',text:'Guam'},{id:'GT',text:'Guatemala'},{id:'GG',text:'Guernsey'},{id:'GN',text:'Guinea'},{id:'GW',text:'Guinea-Bissau'},{id:'GY',text:'Guyana'},{id:'HT',text:'Haiti'},{id:'HM',text:'Heard Island and McDonald Isla'},{id:'VA',text:'Holy See (Vatican City)'},{id:'HN',text:'Honduras'},{id:'HK',text:'Hong Kong'},{id:'HU',text:'Hungary'},{id:'IS',text:'Iceland'},{id:'IN',text:'India'},{id:'ID',text:'Indonesia'},{id:'IR',text:'Iran, Islamic Republic of'},{id:'IQ',text:'Iraq'},{id:'IE',text:'Ireland'},{id:'IM',text:'Isle of Man'},{id:'IL',text:'Israel'},{id:'IT',text:'Italy'},{id:'JM',text:'Jamaica'},{id:'JP',text:'Japan'},{id:'JE',text:'Jersey'},{id:'JO',text:'Jordan'},{id:'KO',text:'Kazakhstan'},{id:'KE',text:'Kenya'},{id:'KI',text:'Kiribati'},{id:'KP',text:'Korea, Democratic People\'s Rep'},{id:'KR',text:'Korea, Republic of'},{id:'KW',text:'Kuwait'},{id:'KG',text:'Kyrgyzstan'},{id:'LA',text:'Lao People\'s Democratic Republ'},{id:'LV',text:'Latvia'},{id:'LB',text:'Lebanon'},{id:'LS',text:'Lesotho'},{id:'LR',text:'Liberia'},{id:'LY',text:'Libyan Arab Jamahiriya'},{id:'LI',text:'Liechtenstein'},{id:'LT',text:'Lithuania'},{id:'LU',text:'Luxembourg'},{id:'MO',text:'Macao'},{id:'MK',text:'Macedonia, The Former Yugoslav'},{id:'MG',text:'Madagascar'},{id:'MW',text:'Malawi'},{id:'MY',text:'Malaysia'},{id:'MV',text:'Maldives'},{id:'ML',text:'Mali'},{id:'MT',text:'Malta'},{id:'MH',text:'Marshall Islands'},{id:'MQ',text:'Martinique'},{id:'MR',text:'Mauritania'},{id:'MU',text:'Mauritius'},{id:'YT',text:'Mayotte'},{id:'MX',text:'Mexico'},{id:'FM',text:'Micronesia, Federated States o'},{id:'MD',text:'Moldova, Republic of'},{id:'MC',text:'Monaco'},{id:'MN',text:'Mongolia'},{id:'ME',text:'Montenegro'},{id:'MS',text:'Montserrat'},{id:'MA',text:'Morocco'},{id:'MZ',text:'Mozambique'},{id:'MM',text:'Myanmar'},{id:'NA',text:'Namibia'},{id:'NR',text:'Nauru'},{id:'NP',text:'Nepal'},{id:'NL',text:'Netherlands'},{id:'AN',text:'Netherlands Antilles'},{id:'NC',text:'New Caledonia'},{id:'NZ',text:'New Zealand'},{id:'NI',text:'Nicaragua'},{id:'NE',text:'Niger'},{id:'NG',text:'Nigeria'},{id:'NU',text:'Niue'},{id:'NF',text:'Norfolk Island'},{id:'MP',text:'Northern Mariana Islands'},{id:'NO',text:'Norway'},{id:'OM',text:'Oman'},{id:'PK',text:'Pakistan'},{id:'PW',text:'Palau'},{id:'PS',text:'Palestinian Territory, Occupie'},{id:'PA',text:'Panama'},{id:'PG',text:'Papua New Guinea'},{id:'PY',text:'Paraguay'},{id:'PE',text:'Peru'},{id:'PH',text:'Philippines'},{id:'PN',text:'Pitcairn'},{id:'PL',text:'Poland'},{id:'PT',text:'Portugal'},{id:'PR',text:'Puerto Rico'},{id:'QA',text:'Qatar'},{id:'RE',text:'Reunion'},{id:'RO',text:'Romania'},{id:'RU',text:'Russian Federation'},{id:'RW',text:'Rwanda'},{id:'BL',text:'Saint Bathelemy'},{id:'SH',text:'Saint Helena, Ascension and Tr'},{id:'KN',text:'Saint Kitts and Nevis'},{id:'MF',text:'Saint Martin (French Part)'},{id:'PM',text:'Saint Pierre and Miquelon'},{id:'VC',text:'Saint Vincent and the Grenadin'},{id:'WS',text:'Samoa'},{id:'SM',text:'San Marino'},{id:'ST',text:'Sao Tome and Principe'},{id:'SA',text:'Saudi Arabia'},{id:'SN',text:'Senegal'},{id:'RS',text:'Serbia'},{id:'SC',text:'Seychelles'},{id:'LC',text:'Sierra Leone'},{id:'SG',text:'Singapore'},{id:'SX',text:'Sint Maarten (Dutch Part)'},{id:'SK',text:'Slovakia'},{id:'SI',text:'Slovenia'},{id:'SB',text:'Solomon Islands'},{id:'SO',text:'Somalia'},{id:'ZA',text:'South Africa'},{id:'GS',text:'South Georgia and the South Sa'},{id:'ES',text:'Spain'},{id:'LK',text:'Sri Lanka'},{id:'SD',text:'Sudan'},{id:'SR',text:'Suriname'},{id:'SJ',text:'Svalbard and Jan Mayen'},{id:'SZ',text:'Swaziland'},{id:'SE',text:'Sweden'},{id:'CH',text:'Switzerland'},{id:'SY',text:'Syrian Arab Republic'},{id:'TW',text:'Taiwan, Province of China'},{id:'TJ',text:'Tajikistan'},{id:'TZ',text:'Tanzania, United Republic of'},{id:'TH',text:'Thailand'},{id:'TL',text:'Timor-Leste'},{id:'TG',text:'Togo'},{id:'TK',text:'Tokelau'},{id:'TO',text:'Tonga'},{id:'TT',text:'Trinidad and Tobago'},{id:'TN',text:'Tunisia'},{id:'TR',text:'Turkey'},{id:'TM',text:'Turkmenistan'},{id:'TC',text:'Turks and Caicos Islands'},{id:'TV',text:'Tuvalu'},{id:'UG',text:'Uganda'},{id:'UA',text:'Ukraine'},{id:'AE',text:'United Arab Emirates'},{id:'GB',text:'United Kingdom'},{id:'UM',text:'United States Minor Outlying I'},{id:'UY',text:'Uruguay'},{id:'UZ',text:'Uzbekistan'},{id:'VU',text:'Vanuatu'},{id:'VE',text:'Venezuela, Bolivarian Republic'},{id:'VN',text:'Vietnam'},{id:'VG',text:'Virgin Islands (British)'},{id:'VI',text:'Virgin Islands (U.S.)'},{id:'WF',text:'Wallis and Futuna'},{id:'EH',text:'Western Sahara'},{id:'YE',text:'Yemen'},{id:'ZM',text:'Zambia'},{id:'ZW',text:'Zimbabwe'}];


The filter config looks like so..


{type: 'list',dataIndex: 'country_id',options: countries,phpMode:true},

FF4.01, Ubuntu 11.04, Ext4.01

Bug?

paulr88
8 Jun 2011, 11:14 AM
Re-tested in 4.0.2. RC3 and still exists.

ejerrywest
2 Feb 2012, 8:47 AM
Having the same problem in extjs 4.1, 4.02a and 4.07. Actually, it seems my arrows aren't actually appearing at all (not being covered up).