Bug: Border Radius sur Element à faible Opacité dans les Tableaux avec Border-Collapse

Vos requêtes concernant Mozilla Firefox, le navigateur Gecko alternatif, ne trouvèrent point de réponses lorsque vous cherchâtes ? Toute l'équipe Geckozone est prête à vous aider.

Modérateurs : Mori, myahoo, jpj, nico@nc

Répondre
X-Raym
Arias
Messages : 6
Enregistré le : 17 déc. 2016, 17:53

Bug: Border Radius sur Element à faible Opacité dans les Tableaux avec Border-Collapse

Message par X-Raym » 17 déc. 2016, 18:01

Bonjour,

j'ai trouvé un problème, mais je ne suis pas sûr que ce soit un bug, ou juste une subtilité que je n'aurai pas saisie,

mais il semblerait que les éléments TD dont l'opacité est inférieur à 1 dans des tableaux avec border-collapse: collapse ne peuvent pas avoir de border-radius.

J'ai fait un Pen sur CodePen pour montrer le problème (c'est plus simple à voir qu'à expliquer, faut avouer que c'est plutôt spécifique).

A noter que cela semble fonctionner come prévu sur Edge et Chrome.

Est-ce un bug ? Dois-je le reporter quelque part ?

Merci d'avance pour votre assistance.
Votre Navigateur : Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:50.0) Gecko/20100101 Firefox/50.0

Avatar du membre
chriss..
Varan
Messages : 1134
Enregistré le : 13 nov. 2011, 23:15

Re: Bug: Border Radius sur Element à faible Opacité dans les Tableaux avec Border-Collapse

Message par chriss.. » 17 déc. 2016, 18:13

Bonjour,

Code : Tout sélectionner

 -moz-border-collapse: collapse;
avec -moz- c'est mieux :idea:
Votre Navigateur : Mozilla/5.0 (Windows NT 6.3; WOW64; rv:50.0) Gecko/20100101 Firefox/50.0
--
Christian....

X-Raym
Arias
Messages : 6
Enregistré le : 17 déc. 2016, 17:53

Re: Bug: Border Radius sur Element à faible Opacité dans les Tableaux avec Border-Collapse

Message par X-Raym » 17 déc. 2016, 18:30

@chriss..

Bonjour,
Merci du conseil,
j'ai testé mais cela ne semble pas mieux marché. Cela marche pour vous ?
J'ai mis le Pen à jour avec le préfix.
Votre Navigateur : Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:50.0) Gecko/20100101 Firefox/50.0

Avatar du membre
chriss..
Varan
Messages : 1134
Enregistré le : 13 nov. 2011, 23:15

Re: Bug: Border Radius sur Element à faible Opacité dans les Tableaux avec Border-Collapse

Message par chriss.. » 17 déc. 2016, 18:51

bonjour,

Code : Tout sélectionner

border-collapse: collapse;
-moz-border-collapse: collapse;
ne fonctionne pas

Code : Tout sélectionner

-moz-border-collapse: collapse;
Fonctionne

bizarre, une erreur dans le code?

EDIT: :idea: border-collapse est-il pour les border-radius? pas sûr
https://developer.mozilla.org/fr/docs/W ... r-collapse
Votre Navigateur : Mozilla/5.0 (Windows NT 6.3; WOW64; rv:50.0) Gecko/20100101 Firefox/50.0
--
Christian....

X-Raym
Arias
Messages : 6
Enregistré le : 17 déc. 2016, 17:53

Re: Bug: Border Radius sur Element à faible Opacité dans les Tableaux avec Border-Collapse

Message par X-Raym » 17 déc. 2016, 19:01

Effectivement, mettre uniquement la règle avec le préfixe mozilla fonctionne, mais cette version n'aie pas compatible pour les autres navigateurs.
De plus il est étrange que la règle

Code : Tout sélectionner

-moz-border-collapse: collapse;
ne prenne pas la priorité si elle est passée en deuxième position.

Je pense que c'est un Bug FireFox, mon code est plutôt simple, mais peut-être me trompe-je. Où puis-je reporter le bug ?
Votre Navigateur : Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:50.0) Gecko/20100101 Firefox/50.0

Avatar du membre
chriss..
Varan
Messages : 1134
Enregistré le : 13 nov. 2011, 23:15

Re: Bug: Border Radius sur Element à faible Opacité dans les Tableaux avec Border-Collapse

Message par chriss.. » 17 déc. 2016, 19:09

re,
erreur dans ton codage, ceci fonctionne:

Code : Tout sélectionner

table {
  border-collapse: separate;
  
}
je dirais même plus, pas besoin de border-collapse :P
Votre Navigateur : Mozilla/5.0 (Windows NT 6.3; WOW64; rv:50.0) Gecko/20100101 Firefox/50.0
--
Christian....

X-Raym
Arias
Messages : 6
Enregistré le : 17 déc. 2016, 17:53

Re: Bug: Border Radius sur Element à faible Opacité dans les Tableaux avec Border-Collapse

Message par X-Raym » 17 déc. 2016, 21:11

@chris
J'ai mis separate mais cela ne fais pas ce que je souhaite, j'ai besoin que les cases se touchent précisément, d'où le border collapse.

Mais merci de ton aide en tout cas !
Votre Navigateur : Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:50.0) Gecko/20100101 Firefox/50.0

Avatar du membre
chriss..
Varan
Messages : 1134
Enregistré le : 13 nov. 2011, 23:15

Re: Bug: Border Radius sur Element à faible Opacité dans les Tableaux avec Border-Collapse

Message par chriss.. » 17 déc. 2016, 21:22

re,
ok je viens de comprendre ce que tu voulais faire, mais il me semble que cela serait plus simple avec des <div>.
Là tu détourne une propriété, ce qui n'est jamais bon
Votre Navigateur : Mozilla/5.0 (Windows NT 6.3; WOW64; rv:50.0) Gecko/20100101 Firefox/50.0
--
Christian....

X-Raym
Arias
Messages : 6
Enregistré le : 17 déc. 2016, 17:53

Re: Bug: Border Radius sur Element à faible Opacité dans les Tableaux avec Border-Collapse

Message par X-Raym » 17 déc. 2016, 21:32

Ok j'ai mis des Divs dans les TD, ça a l'air de marcher. Demo.
Parce que je rencontre en fait ce cas de figure dans un grand tableau, les colonnes et les lignes correspondent à des valeurs précises (d'où le choix du tableau, pour la sémantique). Le Pen est juste une illustration mais en fait il y a bien 20*20 valeurs à mapper.

Si pour vous c'est une propriété détourné (mais qui était malgré tout "bien" interprétée par Edge et Chrome), alors je ne rapporte pas le bug (car cela en est en fait pas vraiment un du coup). Je vais donc me content de cette astuce.

Merci !
Votre Navigateur : Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:50.0) Gecko/20100101 Firefox/50.0

Avatar du membre
Abraxas
Animal mythique
Messages : 10180
Enregistré le : 28 juil. 2011, 14:06

Re: Bug: Border Radius sur Element à faible Opacité dans les Tableaux avec Border-Collapse

Message par Abraxas » 19 déc. 2016, 20:04

Y a bien une régression depuis FF49: https://bugzilla.mozilla.org/show_bug.cgi?id=1324524
Votre Navigateur : Mozilla/5.0 (Windows NT 6.1; WOW64; rv:50.0) Gecko/20100101 Firefox/50.0

Avatar du membre
chriss..
Varan
Messages : 1134
Enregistré le : 13 nov. 2011, 23:15

Re: Bug: Border Radius sur Element à faible Opacité dans les Tableaux avec Border-Collapse

Message par chriss.. » 19 déc. 2016, 20:34

Bonjour,
@Abraxas c,est la même personne qui a rapporté ce "bug"
Votre Navigateur : Mozilla/5.0 (Windows NT 6.3; WOW64; rv:50.0) Gecko/20100101 Firefox/50.0

EDIT: Ok j'avais mal lu le post de @Loic
Modifié en dernier par chriss.. le 19 déc. 2016, 22:03, modifié 1 fois.
--
Christian....

X-Raym
Arias
Messages : 6
Enregistré le : 17 déc. 2016, 17:53

Re: Bug: Border Radius sur Element à faible Opacité dans les Tableaux avec Border-Collapse

Message par X-Raym » 19 déc. 2016, 21:05

Merci pour le bug report !
Votre Navigateur : Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:50.0) Gecko/20100101 Firefox/50.0

Répondre

Qui est en ligne

Utilisateurs parcourant ce forum : pat6469 et 24 invités