From a65a327f21cf8d0524da0de5163671e6f5e6de34 Mon Sep 17 00:00:00 2001 From: Shawn Allen Date: Thu, 21 Nov 2019 13:30:09 -0800 Subject: [PATCH] docs: add docs for flexbug no. 9 --- docs/content/utilities/flexbox.md | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/docs/content/utilities/flexbox.md b/docs/content/utilities/flexbox.md index cff17161..52a029d1 100644 --- a/docs/content/utilities/flexbox.md +++ b/docs/content/utilities/flexbox.md @@ -744,6 +744,8 @@ Here is an example of a media object that is **vertically centered on large scre ## Flexbox bugs -This section lists flexbox bugs that affect browsers we currently support (**citation needed**). +This section lists flexbox bugs that affect [browsers we currently support](https://github.com/primer/css/blob/master/.browserslistrc). -**1. Minimum content sizing of flex items not honored:** Some browsers don't respect flex item size. Instead of respecting the minimum content size, items shrink below their minimum size which can create some undesirable results, such as overflowing text. The workaround is to apply `flex-shrink: 0;` to the items using `d-flex`. This can be applied with the `flex-shrink-0` utility. For more information read [philipwalton/flexbugs](https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored). +1. **Minimum content sizing of flex items not honored.** Some browsers don't respect flex item size. Instead of respecting the minimum content size, items shrink below their minimum size which can create some undesirable results, such as overflowing text. The workaround is to apply `flex-shrink: 0;` to the items using `d-flex`. This can be applied with the `flex-shrink-0` utility. For more information read [philipwalton/flexbugs](https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored). + +9. **Some elements can't be flex containers.** Specifically, `