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

[X-Raym]

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

[chriss..]

Bonjour,

Code : Tout sélectionner

 -moz-border-collapse: collapse;

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

[X-Raym]

@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

[chriss..]

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

[X-Raym]

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

[chriss..]

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
Votre Navigateur : Mozilla/5.0 (Windows NT 6.3; WOW64; rv:50.0) Gecko/20100101 Firefox/50.0

[X-Raym]

@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

[chriss..]

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

[X-Raym]

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

[Abraxas]

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

[chriss..]

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

[X-Raym]

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