CSS3 selector veroorzaakt IE7 crash*

Pagina: 1
Acties:

  • nika
  • Registratie: Oktober 2003
  • Niet online
Wanneer ik de onderstaande css toevoeg aan mijn html pagina crashed IE7 bij het laden van de pagina

code:
1
button#temp[value = 'add']


Kan iemand dit reproduceren?

  • Kiphaas7
  • Registratie: Februari 2005
  • Laatst online: 26-09 22:20
Volgens mij is dat een CSS3 selector, en die ondersteund IE7 niet. IE8 trouwens ook niet. Echter, crashen is toch wat gortig. :) (poepverhaal)

EDIT: bij mij crashed IE7 ook....

HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <title>IE7 button CSS crash</title>
        <style type="text/css">
            button#temp[value = 'add'] { background:red; }
        </style>
    </head>

    <body>
        <form>
            <fieldset>
                <button id="temp" value="add">buttontje</button>
            </fieldset>
        </form>
    </body>
</html>


Ik verwacht eigenlijk ieder moment een bericht dat dit oud nieuws is, voor mij is het in ieder geval wel nieuw :+

[ Voor 92% gewijzigd door Kiphaas7 op 16-11-2008 00:15 ]


Acties:
  • 0 Henk 'm!

  • _Thanatos_
  • Registratie: Januari 2001
  • Laatst online: 05-09 14:39

_Thanatos_

Ja, en kaal

Misschien omdat er een spatie in zit, en een spatie hoort niet in een attribute selector, omdat de spatie een descendant selector is. Quotes hoeven ook niet (ik weet zo uit m'n hoofd niet of ze toegestaan zijn).

Probeer dus eens zonder die spaties en quotes.

(Deze attribute-equality selector is trouwens CSS2. Versie 3 voegt wel een paar nieuwe toe, maar de basis van de attruibute selector stamt uit CSS2)

日本!🎌


Acties:
  • 0 Henk 'm!

Verwijderd

Volgens mij was het punt meer dat IE7 erop crasht en niet zozeer dat het niet werkt.

Dat iets niet werkt zou niet moeten betekenen dat de browser crasht. Dit geeft mogelijkheden voor een exploit.

Confirmed, bij mij crasht IE7 ook.

[ Voor 8% gewijzigd door Verwijderd op 14-11-2008 02:30 ]


Acties:
  • 0 Henk 'm!

  • Xirt
  • Registratie: December 2003
  • Laatst online: 21-09 09:14
Ter informatie: dit probleem doet zich dan voor in IE7. Ik heb zojuist IE6 ook even getest en daar crasht het geheel niet (en de kleur doet het natuurlijk al helemaal niet ;)).

Acties:
  • 0 Henk 'm!

  • Sebazzz
  • Registratie: September 2006
  • Laatst online: 26-09 20:57

Sebazzz

3dp

IE6 is bij mij ook altijd stabieler dan IE7 of IE8 geweest. Komt misschien omdat de interface normaal is en niet zo verneukt als in IE7 en hoger :P Misschien kan je een bugreport >> /dev/microsoft doen?

[Te koop: 3D printers] [Website] Agile tools: [Return: retrospectives] [Pokertime: planning poker]


Acties:
  • 0 Henk 'm!

  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 22-09 16:31

Bosmonster

*zucht*

Dit is wel een vrij serieuze crash-bug inderdaad dan. Ik heb even geen tijd het te proberen, maar werkt het (of crasht het) bijvoorbeeld ook als je dergelijke CSS dynamisch via javascript toevoegt?

Acties:
  • 0 Henk 'm!

  • nika
  • Registratie: Oktober 2003
  • Niet online
Verwijderd schreef op vrijdag 14 november 2008 @ 02:29:
Volgens mij was het punt meer dat IE7 erop crasht en niet zozeer dat het niet werkt.

Dat iets niet werkt zou niet moeten betekenen dat de browser crasht. Dit geeft mogelijkheden voor een exploit.

Confirmed, bij mij crasht IE7 ook.
Klopt het gaat mij er ook helemaal niet om dat de selector niet werkt. Het gaat me er eerder om dat IE7 hier dus keihard op neergaat. Mogelijkheden voor een exploit idd., maar ook onmogelijkheden voor browsers die straks wel met css3 selectors kunnen omgaan.

FF3 negeert het overigens gewoon.

UPDATE
Het lijkt een combinatie te zijn met het doctype. Als ik geen doctype definieer dan negeert ie7 het ook gewoon.

[ Voor 9% gewijzigd door nika op 14-11-2008 13:48 ]


Acties:
  • 0 Henk 'm!

  • nika
  • Registratie: Oktober 2003
  • Niet online
Sebazzz schreef op vrijdag 14 november 2008 @ 08:17:
IE6 is bij mij ook altijd stabieler dan IE7 of IE8 geweest. Komt misschien omdat de interface normaal is en niet zo verneukt als in IE7 en hoger :P Misschien kan je een bugreport >> /dev/microsoft doen?
Ik zeg: http://www.oreillynet.com/mac/blog/2002/06/mission_impossible_submitting.html :)

Wil best een bugreport doen aan Microsoft als je me vertelt waar dat kan. IE7 crashed zo hard dat er niet eens de vraag komt of ik een bugreport wil sturen.

Acties:
  • 0 Henk 'm!

  • Kiphaas7
  • Registratie: Februari 2005
  • Laatst online: 26-09 22:20
Bosmonster schreef op vrijdag 14 november 2008 @ 11:00:
Dit is wel een vrij serieuze crash-bug inderdaad dan. Ik heb even geen tijd het te proberen, maar werkt het (of crasht het) bijvoorbeeld ook als je dergelijke CSS dynamisch via javascript toevoegt?
Aangezien ik niet de grootste held in javascript ben, hoe wil je een css selector testen via javascript? Je zoekt toch met javascript functies het betreffende element op, en voegt dan de css regels toe? Dan werk je niet met css selectors en kan je dus ook het niet testen, in mijn beperkte ervaring met javascript...

Acties:
  • 0 Henk 'm!

  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 22-09 16:31

Bosmonster

*zucht*

Je kunt dynamisch de css injecteren of eventueel een css op een extern domein injecteren met die regel. Genoeg om met een javascriptje dus een pagina te laten crashen.

Acties:
  • 0 Henk 'm!

  • ProCal
  • Registratie: Juni 2001
  • Laatst online: 31-08-2023
Kiphaas7 schreef op donderdag 13 november 2008 @ 22:54:
Volgens mij is dat een CSS3 selector, en die ondersteund IE7 niet. IE8 trouwens ook niet. Echter, crashen is toch wat gortig. :)

EDIT: bij mij crashed IE7 ook....

HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <title>IE7 CSS3 bug?</title>
        <style type="text/css">
            button#temp[value = 'add'] { background:red; }
        </style>
    </head>

    <body>
        <form>
            <fieldset>
                <button id="temp" value="add">buttontje</button>
            </fieldset>
        </form>
    </body>
</html>


Ik verwacht eigenlijk ieder moment een bericht dat dit oud nieuws is, voor mij is het in ieder geval wel nieuw :+
Hmm... Hier crasht IE7 niet... ( 7.0.5730.11 ) XP Pro NL SP3



En thuis crasht ie wel.

Vista Ultimate 32 bit English SP1 , IE7 7.0.6001.18000

Als je binnen 24 uur een nieuwe reactie plaatst en je bent de laatste die reageerde: gebruik de edit om je laatste bericht aan te passen (zoals hierboven is gedaan ;))

[ Voor 13% gewijzigd door BtM909 op 14-11-2008 14:42 ]


Acties:
  • 0 Henk 'm!

  • mocean
  • Registratie: November 2000
  • Laatst online: 04-09 10:34
Hmm... Hier crasht IE7 ook.. ( 7.0.5730.13 ) XP Home NL SP2.

Wel een leipe bug zeg! Heeft iemand IE8 om dit te testen? Ben benieuwd.

[ Voor 0% gewijzigd door mocean op 14-11-2008 15:35 . Reden: Oeps. ik had SP2, niet 3 ]

Koop of verkoop je webshop: ecquisition.com


Acties:
  • 0 Henk 'm!

  • Snake
  • Registratie: Juli 2005
  • Laatst online: 07-03-2024

Snake

Los Angeles, CA, USA

mocean schreef op vrijdag 14 november 2008 @ 15:01:
Hmm... Hier crasht IE7 ook.. ( 7.0.5730.13 ) XP Home NL SP3.

Wel een leipe bug zeg! Heeft iemand IE8 om dit te testen? Ben benieuwd.
Nop, crasht niet, en ik krijg een mooie rode button.Dus wat Kiphaas7 hier zegt weet ik ook niet.

Dit met Vista Ultimate x64 SP1 fully updated met IE8 beta 2.

Even netjes blijven tegenover je mede users ;)

[ Voor 16% gewijzigd door BtM909 op 14-11-2008 15:38 ]

Going for adventure, lots of sun and a convertible! | GMT-8


Acties:
  • 0 Henk 'm!

  • Patriot
  • Registratie: December 2004
  • Laatst online: 13:00

Patriot

Fulltime #whatpulsert

IE8 Beta 2 doet het hier gewoon.

Vista Home Premium SP1 64-bit
Internet Explorer 8 Bèta 2 8.0.6001.18241 64-bit version

EDIT:
Ook geen crash als je hem in compatibility view bekijkt trouwens. Dan is de button weliswaar niet gestyled, de browser blijft draaien.

[ Voor 38% gewijzigd door Patriot op 14-11-2008 15:11 ]


Acties:
  • 0 Henk 'm!

  • mocean
  • Registratie: November 2000
  • Laatst online: 04-09 10:34
Patriot schreef op vrijdag 14 november 2008 @ 15:09:
IE8 Beta 2 doet het hier gewoon.

Vista Home Premium SP1 64-bit
Internet Explorer 8 Bèta 2 8.0.6001.18241 64-bit version
En als je hem in IE7 modus zet met de hand?

Koop of verkoop je webshop: ecquisition.com


Acties:
  • 0 Henk 'm!

  • ibmos2warp
  • Registratie: Januari 2007
  • Laatst online: 20-11-2023

ibmos2warp

Eval is Evil

IE7 crashed niet onder een vritual pc van microsoft IE7-XPSP3_VPC.EXE. Nu download ik IE8.

Ik weet alles van niks
Vind Excel ongelovelijk irritant.


Acties:
  • 0 Henk 'm!

  • Snake
  • Registratie: Juli 2005
  • Laatst online: 07-03-2024

Snake

Los Angeles, CA, USA

mocean schreef op vrijdag 14 november 2008 @ 15:09:
[...]

En als je hem in IE7 modus zet met de hand?
Werkt perfect :) alleen geen rode achtergrond.

Going for adventure, lots of sun and a convertible! | GMT-8


Acties:
  • 0 Henk 'm!

Verwijderd

IE 7.0.5730.13 op XP PRO NL SP3 crasht niet. Met de code van Kiphaas7 zie ik gewoon een button met een kader er om.

Acties:
  • 0 Henk 'm!

  • mocean
  • Registratie: November 2000
  • Laatst online: 04-09 10:34
Verwijderd schreef op vrijdag 14 november 2008 @ 15:16:
IE 7.0.5730.13 op XP PRO NL SP3 crasht niet. Met de code van Kiphaas7 zie ik gewoon een button met een kader er om.
Ik heb dus precies dezelfde IE versie, alleen SP2. Dus Sp2 vs Sp3 verandanderd toch wat in IE. Rare is inderdaad ook: Geen foutmeling, geen crashreport. Binnen 0.1 seconde is IE gewoon weg.

Koop of verkoop je webshop: ecquisition.com


Acties:
  • 0 Henk 'm!

  • BtM909
  • Registratie: Juni 2000
  • Niet online

BtM909

Watch out Guys...

Modbreak:Mensen, ik mis een beetje de discussiewaarde. Dit kan worden aangemeld als bug en zou ook gewoon moeten worden aangemeld. Daarnaast is een workaround wellicht een discussie.

Als ik echter nog meer mensen zie roepen dat het wel of niet werkt, dan move ik hem of naar Client Software Algemeen of gaat dit topic dicht :)

[ Voor 8% gewijzigd door BtM909 op 14-11-2008 15:46 ]

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.


Acties:
  • 0 Henk 'm!

  • Kiphaas7
  • Registratie: Februari 2005
  • Laatst online: 26-09 22:20
BtM909 schreef op vrijdag 14 november 2008 @ 15:41:Dit kan worden aangemeld als bug en zou ook gewoon moeten worden aangemeld.
Die link gaat naar de "Internet Explorer 8 Feedback program" pagina...... :P


Goed, mijn eerste bericht was, op het voorbeeldje na, best een blaatverhaal. Ten eerste is het een CSS2.1 attribute selector, en geen CSS3 selector....

Ten tweede hoort IE8 het ook gewoon te doen, aangezien deze de CSS2.1 specificatie volledig hoort te ondersteunen... (Toch? Ik ben nou nergens meer zeker van :P)

IE7 past de stijl op andere elementen wel netjes toe (zie voorbeeld beneden)...

Het probleem is dus platformonafhankelijk (Vista en XP), en crashed zowel op XP SP2 (gebruikerstest) en SP3 (bij mij op 2 verschillende pc's). We hebben dus al vastgesteld dat in ieder geval IE7 crashed.

Ik heb net even met een input type="submit" en een <a> tag geprobeerd, en daar crashed IE7 niet.

Door dynamisch een css bestand te laden met javascript crashed IE7 hier ook.. Alhoewel dit pas na 2x op de button te clicken gebeurt (zie voorbeeld). De eerste keer gebeurt niks.

Om dan maar een samenvatting te geven:
  • Platformonafhankelijk (zowel vista als XP SP2 & 3)
  • Alleen icm met een button element(?)
  • Dynamisch een css bestand laden crashed IE ook (pas na de 2de keer?)
  • Quirksmode voorkomt crash
Mogelijke workarounds (alleen nog triviale oplossingen imho):
  • niet de selector gebruiken icm het button element
  • quirksmode (niet echt een optie....)
  • css via javascript dynamisch toevoegen (ook niet handig en crashed bij mij ook na de 2de keer)
Mijn test bestand zodat jullie het kunnen controleren:

crash.css:
Cascading Stylesheet:
1
2
3
button#temp[value='add'] { background:green; }
input[value='input submit'] { background:green; }
a[name='blaat'] { background:green; }


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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
    <head> 
        <title>IE7 button CSS crash</title>
        <style type="text/css"> 
            /*button#temp[value='add'] { background:red; }*/
            input[value='input submit'] { background:red; }
            a[name='blaat'] { background:red; }
        </style>
        
        <link rel="alternate stylesheet" type="text/css" href="style.css" title="crash">

        <script type="text/javascript">
            function setActiveStyleSheet(title) {
                var i, a, main;
                for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
                    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
                        a.disabled = true;
                        if(a.getAttribute("title") == title) a.disabled = false;
                    }
                }
            }
        </script>
    </head> 

    <body> 
        <form> 
            <fieldset>
                <button onClick="setActiveStyleSheet('crash'); return false;">Crash IE7</button>

                <button id="temp" value="add">I should turn green if the browser doesn't crash</button>
                <input type="submit" value="input submit">
                <a name="blaat">I should turn green if the browser doesn't crash</a>
            </fieldset> 
        </form> 
    </body> 
</html>

[ Voor 5% gewijzigd door Kiphaas7 op 16-11-2008 00:17 ]


Acties:
  • 0 Henk 'm!

  • BtM909
  • Registratie: Juni 2000
  • Niet online

BtM909

Watch out Guys...

Die link gaat naar de "Internet Explorer 8 Feedback program" pagina...... :P
Maar kan ook worden gebruikt om een bug aan te melden ;)

Anyway, je verhaal doorlezend kan je dus bijna tot de conclusie komen dat de button implementatie nog gewoon buggy is binnen IE (en wellicht specifiek het atrribuut selector gedeelte) ;)

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.


Acties:
  • 0 Henk 'm!

  • Brahiewahiewa
  • Registratie: Oktober 2001
  • Laatst online: 30-09-2022

Brahiewahiewa

boelkloedig

Even terugbrengen tot de essentie
HTML:
1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
    <head>
        <style type="text/css">
            #temp[value="add"]  {background:red;}
        </style>
    </head>

    <body>
        <button id="temp" value="add">button</button>
    </body>
</html>
crasht, terwijl
HTML:
1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
    <head>
        <style type="text/css">
            #temp[name="add"]   {background:red;}
        </style>
    </head>

    <body>
        <button id="temp" name="add">button</button>
    </body>
</html>
niet crasht (en zelfs een rode knop laat zien).
Denk dat IE7 zich verslikt in "value" omdat dat een reserved keyword is.

QnJhaGlld2FoaWV3YQ==

Pagina: 1