[firefox] renderbug <select> element?

[Verwijderd]

Ik heb binnen een <fieldset> een serie labels en elementen achter elkaar staan, allemaal left gefloat.

bij sommige <select> elementen (als dropdownbox) rendert ff het pijltje niet.

Met de HTML zijn geen gekke dingen aan de hand eigenlijk. Verder kan ik ook geen berichten vinden over dit fenomeen

Iemand dit ooit tegengekomen? het lijkt alleen in combinatie met float op te treden bij grotere HTML bestanden, want ik krijg dit niet echt gereproduceerd in een testcase.

[LauPro]

Kan je een URL geven en welke versie gebruik je?

[André]

Verwijderd schreef op 13 augustus 2004 @ 15:35:
Het lijkt alleen in combinatie met float op te treden bij grotere HTML bestanden, want ik krijg dit niet echt gereproduceerd in een testcase.

LauPro schreef op 13 augustus 2004 @ 15:37:
Kan je een URL geven?

Heb je dan een screenshot ofzo?

[ Voor 8% gewijzigd door André op 13-08-2004 15:41 ]

[Verwijderd]

url gaat niet, helaas, want de boel mag nog niet vrijgegeven worden, maar ik heb met ff 9.0+ geprobeerd, werkt nergens

bovendien lijkt het alleen maar op te treden met een externe stylesheet

[ Voor 25% gewijzigd door Verwijderd op 13-08-2004 15:43 ]

[André]

Ik kan met google alleen iets vinden over het feit dat als na het laden van je document de div verplaats wordt waar de select in staat hij het niet meer doet.

[Willem]

En bepaalde style elementen overrulen met !important?

[Verwijderd]

testcaseje, laat dat grote HTML documenten maar weg, want zo gaat het ook fout

Cascading Stylesheet:

input, select, textarea {
    float: left;
    width: 200px;
}
label {
    width: 150px;
    float: left;
}
br {
    clear: both;
}

HTML:

<form action="niks.asp"> 
  <fieldset class="csc-mailform"> 
  <label for="Eerste_aanvraag">Is dit een eerste aanvraag?</label> 
  <select name="Eerste_aanvraag" id="Eerste_aanvraag" size="1"> 
    <option value="Ja">Ja</option> 
    <option value="Nee eerder geholpen door Ronny">Nee eerder geholpen door Ronny</option> 
    <option value="Nee eerder geholpen door Berend">Nee eerder geholpen door Berend</option> 
    <option value="Nee eerder geholpen door Floor">Nee eerder geholpen door Floor</option> 
  </select> 
  <br /> 
  <label for="Achternaam">Achternaam:</label> 
  <input type="text" name="Achternaam" id="Achternaam" size="40" value="" /> 
  <br /> 
  <label for="Voorletters">Voorletter(s):</label> 
  <input type="text" name="Voorletters" id="Voorletters" size="40" value="" /> 
  <br /> 
  <label for="Voorvoegsels">Voorvoegsels:</label> 
  <input type="text" name="Voorvoegsels" id="Voorvoegsels" size="20" value="" /> 
  <br /> 
  <label for="Eerstevoornaam">Eerste voornaam:</label> 
  <input type="text" name="Eerstevoornaam" id="Eerstevoornaam" size="20" value="" /> 
  <br /> 
  <label for="Roepnaam">Roepnaam:</label> 
  <input type="text" name="Roepnaam" id="Roepnaam" size="20" value="" /> 
  <br /> 
  <label for="Man_Vrouw">Man/ Vrouw:</label> 
  <select name="Man_Vrouw" id="Man_Vrouw" size="1"> 
    <option value="Man">Man</option> 
    <option value="Vrouw">Vrouw</option> 
  </select> 
  <br /> 
  <label for="Richting">Richting:</label> 
  <select name="Richting" id="Richting" size="1"> 
    <option value="VWO 6">VWO 6</option> 
    <option value="VWO 5">VWO 5</option> 
    <option value="HAVO 5">HAVO 5</option> 
    <option value="Anders">Anders</option> 
  </select> 
  <br /> 
  <label for="Profiel">Profiel (Meest gelijkende):</label> 
  <select name="Profiel" id="Profiel" size="1"> 
    <option value="N&amp;T">N&T</option> 
    <option value="N&amp;G">N&G</option> 
    <option value="E&amp;M">E&M</option> 
    <option value="C&amp;M">C&M</option> 
  </select> 
  <br /> 
  </fieldset> 
</form>

[Verwijderd]

offtopic:
gevalletje: problem exists between keyboard and chair?

[Verwijderd]

hmz, win2000 probleem dan (kan me wat bij voorstellen, dit elementen worden door windows gerenderd en xp heeft natuurlijk z'n skinning systeem)? ik heb er op meer machines last van
ff screenshot bouwen

[ Voor 75% gewijzigd door Verwijderd op 13-08-2004 16:09 ]

[BtM909]

Verwijderd schreef op 13 augustus 2004 @ 16:05:
hmz, win2000 probleem dan (kan me wat bij voorstellen, dit elementen worden door windows gerenderd en xp heeft natuurlijk z'n skinning systeem)? ik heb er op meer machines last van
ff screenshot bouwen

[afbeelding]

XP en Firefox 0.9.3 heeft hier ook het probleem

[Verwijderd]

zelfs op m'n prints print ie het pijltje niet, zijn er ook mensen zonder xp? want ik kan me dus voorstellen dat het daar anders is

[Verwijderd]

Verwijderd schreef op 13 augustus 2004 @ 16:12:
zelfs op m'n prints print ie het pijltje niet, zijn er ook
mensen zonder xp? want ik kan me dus voorstellen dat het daar anders is

zal zo even op OSX kijken, brb

[curry684]

Verwijderd schreef op 13 augustus 2004 @ 16:05:
hmz, win2000 probleem dan (kan me wat bij voorstellen, dit elementen worden door windows gerenderd en xp heeft natuurlijk z'n skinning systeem)?

Nee, Mozilla rendert alle GUI-elementen zelf. Ze gebruiken wel de Windows skinned tekenfuncties ervoor maar het zijn geen 'windows' in de klassieke zin des woords.

[André]

curry684 schreef op 13 augustus 2004 @ 16:26:
[...]

Nee, Mozilla rendert alle GUI-elementen zelf. Ze gebruiken wel de Windows skinned tekenfuncties ervoor maar het zijn geen 'windows' in de klassieke zin des woords.

Dat zou dus echt wijzen op een FF renderbug van selects icm fieldsets/labels.

Kun je niet proberen 1 voor 1 de elementen weg te halen zodat je kunt zien icm welke hij bugt?

[Verwijderd]

Weer geen probleem, download eens versie 0.9.3, aan je theme te zien heb je een vrij "oude" versie draaien.

[ Voor 12% gewijzigd door Verwijderd op 13-08-2004 16:57 ]

[Verwijderd]

die screenshot was 0.9, 0.9.3 geeft hetzelfde probleem
de label vergroten naar 200px lost het op, maar als ie groter wordt zijn we weer terug bij af (tussen 198 en 204 px heb ik een pijltje, anders niet)

[ Voor 65% gewijzigd door Verwijderd op 13-08-2004 16:41 ]

[Verwijderd]

Verwijderd schreef op 13 augustus 2004 @ 16:37:
die screenshot was 0.9, 0.9.3 geeft hetzelfde probleem
de label vergroten naar 200px lost het op, maar als ie groter wordt zijn we weer terug bij af

Ik draai alleen maar nightlies eigenlijk, misschien zit die bug in de 1.7 gecko versie?

mijn UA string:

code:

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8a3) Gecko/20040812 
Firefox/0.9.2

[ Voor 3% gewijzigd door Verwijderd op 13-08-2004 16:42 ]

[Verwijderd]

quote: http://www.htmlhelp.com/reference/html40/forms/fieldset.html

The content of a FIELDSET element must begin with a LEGEND to provide a caption for the group of controls. Following the LEGEND, FIELDSET may contain any inline or block-level element, including another FIELDSET.

Het is misschien wel netjes om even een <legend> element toe te voegen, maar dit maakt helaas niks uit zie ik.

Ook de & tekens als & neerzetten waardoor je document valideert helpt ook niet. Het vreemd is dat ie het vierkantje van waar het pijltje in zou moeten wel rendert.
Zal dus wel een renderbug zijn inderdaad.

[edit] Wel vaag trouwens dat wanneer je vòòr het eerste <select> element   of <br /> of wat dan ook zet, dat de onderste <select> elementen opeens wèl goed gerenderd worden.

[ Voor 14% gewijzigd door Verwijderd op 14-08-2004 16:25 ]

[Verwijderd]

hmz, ik zie nu ineens dat die & idd iets is wat nog even opgelost moet worden (in de cms) bedankt iig voor die opmerking. En dat een legend verplicht was had ik ook niet bij stil gestaan. ik weet niet waar je dat vandaan had, maar het is klets volgens mij

code:

<!ELEMENT FIELDSET - - (#PCDATA,LEGEND,(%flow;)*) -- form control group -->
<!ATTLIST FIELDSET
  %attrs;                              -- %coreattrs, %i18n, %events --
  >

Niet dat dat iets van het probleem oplost, maar zijn wel typische dingen.

[ Voor 34% gewijzigd door Verwijderd op 15-08-2004 03:14 ]

[Verwijderd]

Ja, ik bedoelde ook niet dat het <legend> attribuut verplicht is.

De bron van die quote staat er als link boven.