Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11

Bug (?) de Chrome

9 réponses
Avatar
Paul Gaborit
Bonjour,

Pour la présentation de mes pages personnelles
<http://perso.mines-albi.fr/~gaborit/>, je propose différents thèmes via
un sélecteur (en haut à gauche de la page).

En choisissant l'un des trois premiers thèmes (les thèmes vert, orangé
ou bleu), je constate un bug génant sur Chrome : lorsqu'on navigue entre
les différentes sections (Accueil, Langages, etc.), les sections dans le
menu sont parfois affichées verticalement au lieu de horizontalement.

Je n'ai pas ce problème sur d'autres navigateurs (Firefox, Safari,
IE...) et cela me semble bien un bug de Chrome puisque il suffit de lui
demander de recharger la page (F5) pour que tout rentre dans l'ordre.

Constatez-vous la même chose ?

J'ai bien essayé de modifier mes CSS (en particulier 'pglayout.css')
mais je ne trouve pas comment contourner ce bug... Et, surtout, je ne
comprends pas ce qui peut bien déranger Chrome dans ma construction qui
me semble tout à fait anodine (une liste avec des 'li' en display
'inline').

Merci pour vos conseils.

--
Paul Gaborit - <http://perso.mines-albi.fr/~gaborit/>

9 réponses

Avatar
yamo'
Salut,

Paul Gaborit a tapoté, le 26/10/2011 01:48:

En choisissant l'un des trois premiers thèmes (les thèmes vert, orangé
ou bleu), je constate un bug génant sur Chrome : lorsqu'on navigue entre
les différentes sections (Accueil, Langages, etc.), les sections dans le
menu sont parfois affichées verticalement au lieu de horizontalement.



J'ai eu le même bug avec Seamonkey 2.4.1 et à force de tester le bug a
disparu, ce doit être un fichier mal chargé, il faudrait tester avec un
profil vierge et firebug sur Firefox.


--
Stéphane

<http://pasdenom.info/fortune/>

On se fait stoïcien, mais on naît épicurien.
-+- Denis Diderot -+-
Avatar
Paul Gaborit
À (at) Wed, 26 Oct 2011 06:30:12 +0200,
yamo' écrivait (wrote):

Salut,

Paul Gaborit a tapoté, le 26/10/2011 01:48:

En choisissant l'un des trois premiers thèmes (les thèmes vert, orangé
ou bleu), je constate un bug génant sur Chrome : lorsqu'on navigue entre
les différentes sections (Accueil, Langages, etc.), les sections dans le
menu sont parfois affichées verticalement au lieu de horizontalement.



J'ai eu le même bug avec Seamonkey 2.4.1 et à force de tester le bug a
disparu, ce doit être un fichier mal chargé, il faudrait tester avec un
profil vierge et firebug sur Firefox.



Le bug que j'évoque ne se manifeste *que* avec Chrome, sur plusieurs
plateformes (Windows, Linux, MacOS X) et pour plusieurs utilisateurs
différents...

--
Paul Gaborit - <http://perso.mines-albi.fr/~gaborit/>
Avatar
Sergio
Le 26/10/2011 01:48, Paul Gaborit a écrit :

Pour la présentation de mes pages personnelles
<http://perso.mines-albi.fr/~gaborit/>, je propose différents thèmes via
un sélecteur (en haut à gauche de la page).

En choisissant l'un des trois premiers thèmes (les thèmes vert, orangé
ou bleu), je constate un bug génant sur Chrome : lorsqu'on navigue entre
les différentes sections (Accueil, Langages, etc.), les sections dans le
menu sont parfois affichées verticalement au lieu de horizontalement.



Également quand on change de thème, parfois (Chrome Linux/Ubuntu). Sinon, aucune idée...

--
Serge http://leserged.online.fr/
Mon blog: http://cahierdesergio.free.fr/
Soutenez le libre: http://www.framasoft.org
Avatar
Thomas Path
Le 26.10.2011 01:48, Paul Gaborit a écrit :

Bonjour,

Pour la présentation de mes pages personnelles
<http://perso.mines-albi.fr/~gaborit/>, je propose différents thèmes via
un sélecteur (en haut à gauche de la page).

En choisissant l'un des trois premiers thèmes (les thèmes vert, orangé
ou bleu), je constate un bug génant sur Chrome : lorsqu'on navigue entre
les différentes sections (Accueil, Langages, etc.), les sections dans le
menu sont parfois affichées verticalement au lieu de horizontalement.



Même symptôme avec SRWare Iron (moteur Chrome).

Pour voir, je mettrais dans pglayout.css une height à .menu ou
je supprimerais les border des .menu a ...

Hope This Helps
~Thomas
Avatar
Paul Gaborit
À (at) Thu, 27 Oct 2011 15:04:47 +0200,
Thomas Path écrivait (wrote):

Le 26.10.2011 01:48, Paul Gaborit a écrit :

Bonjour,

Pour la présentation de mes pages personnelles
<http://perso.mines-albi.fr/~gaborit/>, je propose différents thèmes via
un sélecteur (en haut à gauche de la page).

En choisissant l'un des trois premiers thèmes (les thèmes vert, orangé
ou bleu), je constate un bug génant sur Chrome : lorsqu'on navigue entre
les différentes sections (Accueil, Langages, etc.), les sections dans le
menu sont parfois affichées verticalement au lieu de horizontalement.



Même symptôme avec SRWare Iron (moteur Chrome).

Pour voir, je mettrais dans pglayout.css une height à .menu ou je
supprimerais les border des .menu a ...



J'ai fait beaucoup de tests (quitte a casser un peu la présentation
choisie) mais rien de concluant pour l'instant : le bug se manifeste
encore.

En fait, je pense savoir d'où vient une partie du probléme : c'est le
changement de CSS via Javascript.

Avec Safari, c'est encore pire, il ne supporte pas du tout cela (il
semblerait qu'il ne charge pas du tout les alternate stylesheet) mais
cela se produit sur tous les sites qui procède comme moi.

Par contre, Chrome est censé gérer cela correctement mais il semblerait
que ce ne soit pas encore parfait. Pour être sûr que ça ne vient que de
ce changement dynamique de CSS, je vais tester avec une seule CSS...

Savez-vous où et à qui on peut faire remonter ce type de bugs (pour
Chrome) ?

--
Paul Gaborit - <http://perso.mines-albi.fr/~gaborit/>
Avatar
Thomas Path
Le 27.10.2011 17:20, Paul Gaborit a écrit :

J'ai fait beaucoup de tests (quitte a casser un peu la présentation
choisie) mais rien de concluant pour l'instant : le bug se manifeste
encore.

En fait, je pense savoir d'où vient une partie du probléme : c'est le
changement de CSS via Javascript.


Peut-être que l'usage d'une bibliothèque comme jQuery contourne
le problème
http://www.net-kit.com/10-practical-jquery-style-switchers/

Savez-vous où et à qui on peut faire remonter ce type de bugs (pour
Chrome) ?


Il me semble qu'il faut aller voir là
http://www.chromium.org/for-testers/bug-reporting-guidelines

~Thomas
Avatar
Paul Gaborit
À (at) Thu, 27 Oct 2011 20:20:41 +0200,
Thomas Path écrivait (wrote):

Le 27.10.2011 17:20, Paul Gaborit a écrit :

En fait, je pense savoir d'où vient une partie du probléme : c'est le
changement de CSS via Javascript.


Peut-être que l'usage d'une bibliothèque comme jQuery contourne le
problème
http://www.net-kit.com/10-practical-jquery-style-switchers/



J'ai suivi le lien et j'ai regardé comment faisait ces différents
switchers. Il procède quasiment tous de la même manière : il modifie
directement l'url de l'attribut 'href' de l'élément 'link' qui charge la
feuille de style. J'ai repris l'un des codes proposés et effectivement
ça marche bien sur Chrome. Il me faut encore tester sur Safari.

C'est donc la méthode par activation/désactivation de différentes
'alternate stylesheet' qui ne marche pas (mal sur Chrome et pas du tout
sur Safari). Dommage car je trouvais cela plus logique...

Savez-vous où et à qui on peut faire remonter ce type de bugs (pour
Chrome) ?


Il me semble qu'il faut aller voir là
http://www.chromium.org/for-testers/bug-reporting-guidelines



En fait, c'est un bug déjà connu :
<http://code.google.com/p/chromium/issues/detail?id‚503>

--
Paul Gaborit - <http://perso.mines-albi.fr/~gaborit/>
Avatar
Thomas Path
Le 28.10.2011 00:41, Paul Gaborit a écrit :

À (at) Thu, 27 Oct 2011 20:20:41 +0200,
Thomas Path écrivait (wrote):

Le 27.10.2011 17:20, Paul Gaborit a écrit :

En fait, je pense savoir d'où vient une partie du probléme : c'est le
changement de CSS via Javascript.


Peut-être que l'usage d'une bibliothèque comme jQuery contourne le
problème
http://www.net-kit.com/10-practical-jquery-style-switchers/



J'ai suivi le lien et j'ai regardé comment faisait ces différents
switchers. Il procède quasiment tous de la même manière : il modifie
directement l'url de l'attribut 'href' de l'élément 'link' qui charge la
feuille de style. J'ai repris l'un des codes proposés et effectivement
ça marche bien sur Chrome. Il me faut encore tester sur Safari.



J'avais suggéré l'usage de jQuery car au début du noyau
(jquery.js) on trouve une détection du navigateur, Safari
inclus, avec une palanquée de conséquences.

~Thomas
Avatar
Paul Gaborit
À (at) Fri, 28 Oct 2011 08:03:11 +0200,
Thomas Path écrivait (wrote):

Le 28.10.2011 00:41, Paul Gaborit a écrit :

À (at) Thu, 27 Oct 2011 20:20:41 +0200,
Thomas Path écrivait (wrote):

Le 27.10.2011 17:20, Paul Gaborit a écrit :

En fait, je pense savoir d'où vient une partie du probléme : c'est le
changement de CSS via Javascript.


Peut-être que l'usage d'une bibliothèque comme jQuery contourne le
problème
http://www.net-kit.com/10-practical-jquery-style-switchers/



J'ai suivi le lien et j'ai regardé comment faisait ces différents
switchers. Il procède quasiment tous de la même manière : il modifie
directement l'url de l'attribut 'href' de l'élément 'link' qui charge la
feuille de style. J'ai repris l'un des codes proposés et effectivement
ça marche bien sur Chrome. Il me faut encore tester sur Safari.



J'avais suggéré l'usage de jQuery car au début du noyau (jquery.js) on
trouve une détection du navigateur, Safari inclus, avec une palanquée
de conséquences.



Pour mon problème particulier, plutôt que de développer une solution
ad'hoc pour chaque (famille de) navigateur, il suffit d'adopter une
méthode qui marche (presque) dans tous les navigateurs.

Je dis presque car maintenant ça marche bien dans Chrome. En revanche
dans Safari (sur MacOS X), même si on progresse (ça ne marchait pas du
tout avant), le même problème (avec le menu de navigation) aparaît
ponctuellement lorsqu'on bascule vers l'un de mes trois premiers
thèmes. Heureusement, avec un rechargement, ça se corrige et ensuite
l'affichage reste correcte lors de la navigation.


--
Paul Gaborit - <http://perso.mines-albi.fr/~gaborit/>