Form div input et Chrome 14

**Mandarine** · 29/10/2011, 13h39

Bonjour,

J'ai un code qui fait cela:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
<form>
<div><input type="text"/></div>
<div><input type="text"/></div>
(250 fois :) <div><input type="text"/></div>
...
<div><input type="text"/></div>
</form>

Tout allait bien sous chrome 12 et depuis chrome 14, les champs input sont très peu réactifs. Dès que l'on clique dedans, il faut plusieurs secondes pour pouvoir modifier le champ.

Si j'enlève les <div> encadrant le problème n'a plus lieux. Mais j'ai besoin des div... (qui ont des classes, id etc...).
Tout marche bien sous IE8 et firefox. C'est bizare que Chrome soit moins bien (surtout les dernières versions...).

Comment résoudre cela ??

Merci de votre aide

**NoSmoking** · 29/10/2011, 15h00

Bonjour,
excès de DIV n'est pas forcément bon.
- Comment sont stylés tes DIV
- As tu essayé en encadrant de SPAN ou de LABEL

Mais j'ai besoin des div... (qui ont des classes, id etc...).

il y a sûrement moyen de faire autrement.

**Mandarine** · 29/10/2011, 16h08

Le problème a lieux même sans style sur les div...

Il n'ya pas 250 inputs encadrés par des div mais 2500...

Sans le form autour des div/input tout est fluide.

C'est la combinaison 2500 div dans le form qui pose problème

**NoSmoking** · 29/10/2011, 16h24

voila ce que je viens de faire est qui fonctionne parfaitement

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>[...]</title>
<script type="text/javascript">
var i, nb =2500 , html = [];
for( i=0; i < nb; i++){
  html[i] = '<div><input type="text"><\/div>';
}
document.write( '<form>', html.join(''), '<\/form>');
</script>
</head>
<body>
</body>
</html>

Comment est généré ton code ?

**Mandarine** · 29/10/2011, 16h25

Voici la page qui pose problème (pas de CSS ni de JS):

http://www.tep2e.fr/test.php

**Mandarine** · 29/10/2011, 16h27

Code généré en php:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<html>
<head></head>
<body>
<?php
 
echo('<form>');
 
for($i=1;$i <=25;$i++){
 
        for($j=1;$j <=100;$j++){
        echo('<div><input type="text"/></div>');
        }
}
echo('</form>');
?>
</body>
</html>

**NoSmoking** · 29/10/2011, 16h29

pas vu de soucis avec ta page de test!

**Mandarine** · 29/10/2011, 16h31

Pas de soucis sous chrome (avec une version >= 14) ?
Car pas de soucis non plus sous IE, firefox et chrome 12...

**Mandarine** · 29/10/2011, 16h32

Ce qui pose problème c'est quand on remplit une cellule et qu'on veut passer à une autre, c'est long...

**NoSmoking** · 29/10/2011, 16h37

testé sous Google Chrome 14.0.835.202 m

OUAH!!! MALHEUR !!
je viens de monter la version 15.0.874.106 m, et la cela devient une HORREUR!

<edit>
en mettant des SPAN à la place des DIV pas de problème...
</edit>

**Mandarine** · 29/10/2011, 16h40

Oui cela marchait bien avant, mais maintenant chrome déconne

Ta peur me rend encore plus circonspect

Oui mais alors il me faut des span avec l'attribut block... soit des div :-) car je dois fixer une largeur à mes div contenant mes inputs...

**NoSmoking** · 29/10/2011, 16h56

Envoyé par Mandarine

Oui mais alors il me faut des span avec l'attribut block... soit des div :-) car je dois fixer une largeur à mes div contenant mes inputs...

tout à fait en attendant la correction de ce dysfonctionnement.
Avec des SPAN en display:block cela fonctionne nikel, comme écrit dans mon <edit>

**Mandarine** · 29/10/2011, 16h58

Merci je testais cela en même temps et je confirme ça marche niquel.

Merci à toi et première deception de ma part de Chrome (que j'appréciais plus que fortement...)

**NoSmoking** · 29/10/2011, 17h02

Tu peux également appliquer le style directement sur tes INPUT, sans passer par les SPAN ou autres.

**Mandarine** · 29/10/2011, 17h06

Oui oui, mais dans mon site il y a autre chose en plus du input dans le div.
Je dois donc garder un conteneur.

Par contre c'est inquiétant car ça ne me semble pas compliqué comme code et chrome n'est pas un navigateur exotique....

Form div input et Chrome 14

HTML

Discussions similaires

Partager

Partager