Newbie mit Buganfrage: Fehler beim Scrollen von Select-Feld

x-herbert

Hi,

ich programmiere gerade eine Seite, die im FF und IE laufen soll und bin auf folgende Unklarheit mein FF 1.5.0.7 gekommen.

Ich habe eine Auswahlliste <select> (lang und breit) mit style="width:300px" definiert. Wenn ich auf die Liste mit Tab springe (focus) und mit Alt+Cursor_runter öffne, kann ich mit der Cursortase nicht über die angezeigeten 20 Einträge scrollen. In der ersten Anzeigezeile wird zwar der richtige Eintrag angezeigt, aber die 20 angezeigten Einträge rutschen nicht nach oben. Nehme ich das style raus ist alles o.k. - nu kommts noch fragwürdiger: unter XP Home 2002 SP2 gehts, wenn das Pulldownmenü dynamisch erzeugt wurde (PHP) - bei einer lokalen Testdatei nicht - bei XP Pro 2002 SP2 gehts in keinem Fall.

Hier mal eine Beispielseite zum Testen:

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Unbenanntes Dokument</title>
</head>


<body>
<form name="form1" method="post" action="">
  <select name="proj_bearb" size="1" id="proj_bearb" style="width:300px">
    <option value="246">AWO-ASD </option>
    <option value="247">AWO-ZA </option>
    <option value="251">CV-ZA </option>
    <option value="252">DPWV-ZA </option>
    <option value="250">DRK-ASD </option>
    <option value="249">DRK-ZA </option>
    <option value="248">DWBB-ZA </option>
    <option value="253">JG-ZA </option>
    <option value="198">P 006,009 </option>
    <option value="168">P 011 </option>
    <option value="202">P 012 </option>
    <option value="199">P 013 </option>
    <option value="171">P 018 </option>
    <option value="164">P 021 )</option>
    <option value="167">P 022 </option>
    <option value="189">P 023,026, 029,031, 033,041 </option>
    <option value="200">P 028, 034 </option>
    <option value="203">P 030,032, 035 </option>
    <option value="165">P 036 </option>
    <option value="156">P 037 </option>
    <option value="166">P 038 </option>
    <option value="194">P 039 </option>
    <option value="152">P 040 </option>
    <option value="177">P 049 </option>
    <option value="195">P 051 </option>
    <option value="160">P 053 </option>
    <option value="161">P 055 </option>
    <option value="174">P 057 </option>
    <option value="41">P 058 </option>
    <option value="44">P 060 </option>
    <option value="46">P 061 </option>
    <option value="45">P 064 </option>
    <option value="157">P 065 </option>
    <option value="158">P 066 </option>
    <option value="196">P 072 </option>
    <option value="162">P 073 </option>
    <option value="205">P 074 </option>
    <option value="176">P 075 </option>
    <option value="151">P 076 </option>
    <option value="172">P 077 </option>
    <option value="175">P 078 </option>
    <option value="183">P 079 </option>
    <option value="181">P 080 </option>
    <option value="182">P 081 </option>
    <option value="190">P 082 </option>
    <option value="191">P 083 </option>
    <option value="178">P 084 </option>
    <option value="201">P 085 </option>
    <option value="159">P 089 </option>
    <option value="185">P 090 </option>
    <option value="179">P 091 </option>
    <option value="192">P 092 </option>
    <option value="42">P 093 </option>
    <option value="170">P 095 </option>
    <option value="197">P 098 </option>
    <option value="187">P 101 </option>
    <option value="188">P 102 </option>
    <option value="169">P 103 </option>
    <option value="180">P 104 </option>
    <option value="186">P 105 </option>
    <option value="213">P 109 </option>
    <option value="143">P 110 </option>
    <option value="144">P 119/120 </option>
    <option value="214">P 121 </option>
    <option value="145">P 124 </option>
    <option value="146">P 125 </option>
    <option value="111">P 173 </option>
    <option value="112">P 174 </option>
    <option value="113">P 177 </option>
    <option value="114">P 178 </option>
    <option value="116">P 184 </option>
    <option value="117">P 189 </option>
    <option value="118">P 190 </option>
    <option value="119">P 191 </option>
    <option value="206">P 192 </option>
    <option value="120">P 194 </option>
    <option value="121">P 195 </option>
    <option value="122">P 196 </option>
    <option value="163">P 198 </option>
    <option value="123">P 204 </option>
    <option value="124">P 210 </option>
    <option value="125">P 214 </option>
    <option value="126">P 217 </option>
    <option value="127">P 223 </option>
    <option value="128">P 225 </option>
    <option value="142">P 226 </option>
    <option value="129">P 227 </option>
    <option value="131">P 230 </option>
    <option value="132">P 231 </option>
    <option value="133">P 233 </option>
    <option value="134">P 234 </option>
    <option value="135">P 235 </option>
    <option value="136">P 236 </option>
    <option value="130">P 237 </option>
    <option value="137">P 238 </option>
    <option value="138">P 239 </option>
    <option value="184">P 250 </option>
    <option value="153">P 251 </option>
    <option value="204">P 252 </option>
    <option value="207">P 254 </option>
    <option value="47">P 255 </option>
    <option value="173">P 256/543 </option>
    <option value="154">P 257 </option>
    <option value="155">P 258 </option>
    <option value="193">P 259 </option>
    <option value="208">P 260 </option>
    <option value="115">P 261 </option>
    <option value="147">P 263 </option>
    <option value="209">P 265 </option>
    <option value="210">P 266 </option>
    <option value="215">P 267 </option>
    <option value="211">P 268 </option>
    <option value="141">P 269 </option>
    <option value="216">P 270 </option>
    <option value="212">P 271 </option>
    <option value="148">P 272 </option>
    <option value="257">P 273 </option>
    <option value="242">P 300  in Berlin)</option>
    <option value="243">P 301 </option>
    <option value="244">P 302 </option>
    <option value="245">P 303 </option>
    <option value="98">P 350 </option>
    <option value="99">P 351 </option>
    <option value="100">P 352 </option>
    <option value="101">P 353 </option>
    <option value="102">P 354 </option>
    <option value="103">P 355 </option>
    <option value="104">P 356 </option>
    <option value="105">P 357 </option>
    <option value="106">P 358 </option>
    <option value="107">P 359 </option>
    <option value="108">P 360 </option>
    <option value="109">P 361 </option>
    <option value="110">P 362 </option>
    <option value="1">P 401 </option>
    <option value="2">P 402 </option>
    <option value="3">P 403 </option>
    <option value="4">P 404 </option>
    <option value="5">P 405 </option>
    <option value="6">P 406 </option>
    <option value="7">P 407 </option>
    <option value="8">P 408 </option>
    <option value="9">P 410 </option>
    <option value="10">P 411 </option>
    <option value="11">P 412 </option>
    <option value="12">P 413 </option>
    <option value="13">P 414 </option>
    <option value="14">P 415 </option>
    <option value="15">P 416 </option>
    <option value="16">P 417 </option>
    <option value="17">P 418 </option>
    <option value="18">P 419 </option>
    <option value="19">P 420 </option>
    <option value="20">P 421 </option>
    <option value="21">P 422 </option>
    <option value="22">P 423 </option>
    <option value="23">P 424 </option>
    <option value="24">P 425 </option>
    <option value="25">P 426 </option>
    <option value="26">P 427 </option>
    <option value="27">P 428 </option>
    <option value="28">P 429 </option>
    <option value="29">P 430 </option>
    <option value="30">P 431 </option>
    <option value="31">P 432 </option>
    <option value="32">P 433 </option>
    <option value="33">P 434 </option>
    <option value="34">P 435 </option>
    <option value="35">P 436 </option>
    <option value="36">P 437 </option>
    <option value="37">P 438 </option>
    <option value="38">P 439 </option>
    <option value="39">P 440 </option>
    <option value="40">P 441 </option>
    <option value="217">P 500 </option>
    <option value="218">P 501 )</option>
    <option value="48">P 506 </option>
    <option value="219">P 510 </option>
    <option value="220">P 511 </option>
    <option value="221">P 513 </option>
    <option value="222">P 517 </option>
    <option value="223">P 519 </option>
    <option value="224">P 520/521 </option>
    <option value="225">P 522/527 </option>
    <option value="226">P 523 </option>
    <option value="227">P 524 </option>
    <option value="139">P 526 </option>
    <option value="140">P 531 </option>
    <option value="228">P 532 </option>
    <option value="229">P 533 </option>
    <option value="230">P 542 </option>
    <option value="231">P 545 </option>
    <option value="49">P 546 </option>
    <option value="232">P 550 </option>
    <option value="233">P 551 </option>
    <option value="234">P 552 </option>
    <option value="235">P 553 </option>
    <option value="236">P 554 </option>
    <option value="237">P 555 </option>
    <option value="238">P 606 </option>
    <option value="239">P 611 </option>
    <option value="254">P 612 </option>
    <option value="255">P 613 </option>
    <option value="256">P 614 </option>
    <option value="240">P 615 </option>
    <option value="241">P 616 </option>
    <option value="149">P 708 </option>
    <option value="150">P 709 </option>
    <option value="50">PG 001 </option>
    <option value="51">PG 002 </option>
    <option value="52">PG 003/009 </option>
    <option value="53">PG 004 </option>
    <option value="54">PG 005 </option>
    <option value="55">PG 006 </option>
    <option value="56">PG 007/044 </option>
    <option value="57">PG 008 </option>
    <option value="58">PG 010 </option>
    <option value="59">PG 011 </option>
    <option value="60">PG 012 </option>
    <option value="61">PG 013 </option>
    <option value="62">PG 014 </option>
    <option value="63">PG 015 </option>
    <option value="64">PG 017 </option>
    <option value="65">PG 019 </option>
    <option value="66">PG 020 </option>
    <option value="43">PG 024 )</option>
    <option value="67">PG 028 </option>
    <option value="68">PG 029 </option>
    <option value="69">PG 030 </option>
    <option value="70">PG 032 </option>
    <option value="71">PG 034 </option>
    <option value="72">PG 037 </option>
    <option value="73">PG 039 </option>
    <option value="74">PG 041 </option>
    <option value="75">PG 043 </option>
    <option value="76">PG 045 </option>
    <option value="77">PG 046 </option>
    <option value="78">PG 048 </option>
    <option value="79">PG 049 </option>
    <option value="80">PG 051 </option>
    <option value="81">PG 052 </option>
    <option value="82">PG 054 </option>
    <option value="83">PG 056 </option>
    <option value="84">PG 058 </option>
    <option value="85">PG 062 </option>
    <option value="86">PG 064 </option>
    <option value="87">PG 065 </option>
    <option value="88">PG 067 </option>
    <option value="89">PG 068 </option>
    <option value="90">PG 070 </option>
    <option value="91">PG 073 </option>
    <option value="92">PG 074 </option>
    <option value="93">PG 075 </option>
    <option value="94">PG 076 </option>
    <option value="95">PG 078 </option>
    <option value="96">PG 079 </option>
    <option value="97">PG 081 </option>
  </select>
</form>
</body>
</html>

Alles anzeigen

Es ist mir auch unklar, wenn ich eine Auswahlliste über Tab fokusiere und mit Alt+down öffne, scrollen die Einträge automatisch weiter, wenn ich mit der Maus nach unten gehe - öffne ich das Menü mit der Maus direkt, geht das nicht.

Leider werde ich aus den Bugreports nicht schlau- vielleicht kann mir jemand einen Tipp geben bzw. die Sache "kompetent" weiter leiten...

Danke & Gruss

x-herbert

HaMF

Kannst du den quellcode bitte nochmal editieren, und dabei das Häkchen bei "HTML in diesem Beitrag deaktivieren" setzen?

Doctype etc könnte nämlich auch wichtig sein...

Besser wär natürlich noch, wenn du das ganze einfach irgendwo hochlädst.

x-herbert

o.k. habe ich geändert - danke!

habe auf dem ersten Blick nix zum Upload gefunden...

x-herbert

habe gerade den FF 2.0 von portableapps.com getestet => das Gleiche

HaMF

Kann es auch bestätigen.
Mozilla/5.0 (X11; U; Linux i686; de; rv:1.8.0.7) Gecko/20060921 Ubuntu/dapper-security Firefox/1.5.0.7

Edit: Naja. halbwegs kann ich es bestätigen. Es funktioniert nur dann absolut nicht richtig, wenn ich per "Bild Ab" darin zu scrollen versuche. Versuche ich es normal mit den Pfeiltasten, dann werden solange die richtigen Einträge angezeigt (weitergescrollt), bis ich die Taste loslass. Dann springt die auswahlliste wieder an den anfang.

Dieser Bug kommt ziemlich nah an dein Problem ran imho: https://bugzilla.mozilla.org/show_bug.cgi?id=340799

Ein Kommentar dazu wär vielleicht angebracht, hab aber grad keine Zeit für...
Gruß Hannes

x-herbert

suche mir die finger wund - da die Auswahlliste mal Select-Box, Pull-Down, Auswahlmenü, Auswahlliste usw. heist, ist die Eingrenzung schwierig...

1. Workaround: IE versteht die max-/min-width nicht so dass man folgendes machen kann

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Unbenanntes Dokument</title>
<!--[if gte IE 6]>
<style type="text/css">
<!--
#proj_bearb {
	width:300px;
}


-->
</style>
<![endif]-->	
<style type="text/css">
<!--
#proj_bearb {
	min-width: 300px;
	max-width: 300px;


}
-->
</style>
</head>


<body>
<form name="form1" method="post" action="">
  <select name="proj_bearb" size="1" id="proj_bearb">
    <option value="246">AWO-ASD </option>
.....

Alles anzeigen

geht sicher eleganter im Quelltext - funktioniert aber soweit...

Der Bugreport scheint gut auf das Problem zu passen!

Ergänzende Frage: die Handhabung mit der Maus - soll das so sein?? also wenn ich per Tab auf die Auswahlliste gehe und mit Alt+down diese öffne und mit der Maus über einen Eintrag gehe wird dieser markiert - wenn man mit der Maus über das obere bzw. untere Ende hinweg fährt, scrollen die Eintäge mit - super! warum funktioniert das nicht wenn ich insgesamt mit der Maus arbeite und das aufpopen der Liste per Maus mache???