Avatar for Username

Rechercher dans l’assistance

Évitez les escroqueries à l’assistance. Nous ne vous demanderons jamais d’appeler ou d’envoyer un SMS à un numéro de téléphone ou de partager des informations personnelles. Veuillez signaler toute activité suspecte en utilisant l’option « Signaler un abus ».

En savoir plus

Ce sujet de discussion a été archivé. Veuillez poser une nouvelle question si vous avez besoin d’aide.

SPA angular site stop working with new version of Firefox

  • 2 réponses
  • 1 a ce problème
  • 2 vues
  • Dernière réponse par falu

falu
falu
more options

https://www.puticollege.com/welcome was working fine with version 82 of firefox. When I upgrade to 93.0, this page has a big solid blue box where more html should be shown after a page. No error in console log, not sure what's going on.

It still works fine in latest chrome.

Please help.

https://www.puticollege.com/welcome was working fine with version 82 of firefox. When I upgrade to 93.0, this page has a big solid blue box where more html should be shown after a page. No error in console log, not sure what's going on. It still works fine in latest chrome. Please help.

Solution choisie

Hi, are you the developer?

Firefox seems to have a problem with this nesting of flex elements:

<div class="list d-flex flex-row overflow-hidden" _ngcontent-uai-c8="">   <div _ngcontent-xub-c8="" class="row">...</div> </div>

The d-flex flex-row classes apply these rules to the featured class list: 

.d-flex {
 display:flex!important
}
.flex-row {
 flex-direction:row!important
}


The row class uses the default flex-direction of row as well.

In Firefox, this combination is causing the content that usually appears in two columns to go haywire with crazy widths and negative widths. I don't know whether this is a bug or is in compliance with the spec, but either way, it's not helpful.

You can file a bug on https://bugzilla.mozilla.org/

If it's your site, can you remove the d-flex class so there are not nested flex elements?

Lire cette réponse dans son contexte 👍 1

Toutes les réponses (2)

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 10 Contributor
more options

Solution choisie

Hi, are you the developer?

Firefox seems to have a problem with this nesting of flex elements:

<div class="list d-flex flex-row overflow-hidden" _ngcontent-uai-c8="">   <div _ngcontent-xub-c8="" class="row">...</div> </div>

The d-flex flex-row classes apply these rules to the featured class list: 

.d-flex {
 display:flex!important
}
.flex-row {
 flex-direction:row!important
}


The row class uses the default flex-direction of row as well.

In Firefox, this combination is causing the content that usually appears in two columns to go haywire with crazy widths and negative widths. I don't know whether this is a bug or is in compliance with the spec, but either way, it's not helpful.

You can file a bug on https://bugzilla.mozilla.org/

If it's your site, can you remove the d-flex class so there are not nested flex elements?

falu
falu Auteur de la question
more options

Thanks so much. It's a bad code for us, we removed unintended d-flex flex-row class attributes and everything works fine now. As you suggested, I also filed https://webcompat.com/issues/92024 as you suggested. Thanks!