Toon posts:

[firefox] renderbug <select> element?

Pagina: 1
Acties:

Verwijderd

Topicstarter
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
  • Registratie: Augustus 2001
  • Laatst online: 22-05 15:44

LauPro

Prof Mierenneuke®

Kan je een URL geven en welke versie gebruik je?

Inkoopacties - HENK terug! - Megabit
It is a war here, so be a general!


  • André
  • Registratie: Maart 2002
  • Laatst online: 18-05 16:30

André

Analytics dude

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.
:/

Heb je dan een screenshot ofzo?

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


Verwijderd

Topicstarter
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é
  • Registratie: Maart 2002
  • Laatst online: 18-05 16:30

André

Analytics dude

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
  • Registratie: Februari 2001
  • Laatst online: 11:22
En bepaalde style elementen overrulen met !important?

Motor (of auto) onderhoud bijhouden


Verwijderd

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

Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
11
input, select, textarea {
    float: left;
    width: 200px;
}
label {
    width: 150px;
    float: left;
}
br {
    clear: both;
}


HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<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

Afbeeldingslocatie: http://www.drunk.nl/tweakers/noproblem.png

offtopic:
gevalletje: problem exists between keyboard and chair? :+

Verwijderd

Topicstarter
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

Afbeeldingslocatie: http://newsite.tue.nl/fileadmin/tue/prullenbak/ffss.gif

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


  • BtM909
  • Registratie: Juni 2000
  • Niet online

BtM909

Watch out Guys...

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 ;)

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.


Verwijderd

Topicstarter
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
  • Registratie: Juni 2000
  • Laatst online: 12-05 22:23

curry684

left part of the evil twins

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.

Professionele website nodig?


  • André
  • Registratie: Maart 2002
  • Laatst online: 18-05 16:30

André

Analytics dude

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

Afbeeldingslocatie: http://www.drunk.nl/tweakers/noproblemosx.png

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

Topicstarter
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:
1
2
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

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

Topicstarter
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:
1
2
3
4
<!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.
Pagina: 1