Closed vikrantnegi closed 6 years ago
Hmmm, this is primarily a bootstrap issue as reported. If this is going to be added, it should at least be reworked to focus generically on pseudo-elements.
I'm going to close this PR as there's been no response and it's now out of date. Feel free to open a new PR if you still want to add this.
Why would I use clearfix on flex parent you may ask.
I won't but this issue mainly arises when using flexbox with the CSS frameworks like Bootstrap.
Since they have clearfix applied to the
row
class and when we try using row as flex container we get inconsistent behavior across browsers. Chrome and Firefox don't seem to have any issue but Safari has this issue.Apologies for the bad grammar.
Sources: https://danisadesigner.com/blog/flexbox-clear-fix-pseudo-elements/