In testcases 3 and 4, all browsers push the `flow-root` down when the inline-axis border/padding is larger than the available space. In testcases 5 and 6: - Firefox doesn't push any of the `flow-root`s down. - Safari always pushes the `flow-root` down when there's any negative margin (i.e. all of the subtests except for the first, in testcase 5 and 6) - Chrome only pushes the `flow-root` down when the margin-left and margin-right are collectively negative enough to "contribute" more than the available space. (i.e. the bottom three subtests in Testcase 5, and the bottom four subtests in Testcase 6).
Bug 1745310 Comment 17 Edit History
Note: The actual edited comment in the bug view page will always show the original commenter’s name and original timestamp.
In testcases 3 and 4, all browsers push the `flow-root` down when the inline-axis border/padding is larger than the available space. In testcases 5 and 6: - Firefox doesn't push any of the `flow-root`s down. - Safari always pushes the `flow-root` down when there's any negative margin (i.e. it pushes the `flow-root` down in all of the subtests except for the first, in testcase 5 and 6) - Chrome only pushes the `flow-root` down when the margin-left and margin-right are collectively negative enough to "contribute" more than the available space. (i.e. the bottom three subtests in Testcase 5, and the bottom four subtests in Testcase 6).