URL: https://www.puticollege.com/
Browser / Version: Firefox 93.0
Operating System: Windows 11
Tested Another Browser: Yes Chrome
Problem type: Design is broken
Description: Items not fully visible
Steps to Reproduce:
As described in https://support.mozilla.org/en-US/questions/1356079 , jscher2000 suggests to file a bug here, saying
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/
View the screenshot
Browser Configuration
From webcompat.com with ❤️
URL: https://www.puticollege.com/
Browser / Version: Firefox 93.0
Operating System: Windows 11
Tested Another Browser: Yes Chrome
Problem type: Design is broken
Description: Items not fully visible
Steps to Reproduce:
As described in https://support.mozilla.org/en-US/questions/1356079 , jscher2000 suggests to file a bug here, saying
Firefox seems to have a problem with this nesting of flex elements:
The d-flex flex-row classes apply these rules to the featured class list:
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/
View the screenshot
Browser Configuration
From webcompat.com with ❤️