- Ya
- 26 Agosti 2026, 07:23 UTC
- Mwandishi
- kamo
- Ahadi ya
- 87b8f49
Marketing Tools -> Tracking Codes drew the member's link strip with the eyebrow cut through its capitals, the icon sliced top and bottom, and the line under it missing its descenders. It reads as a truncation bug in the copy; it is a flexbox one. The strip is a flex child of the page's column, which is height: 100% inside the tab's scroll area. It also sets overflow: hidden, for the brand edge it draws with ::before. That combination is the whole bug: a flex item's automatic minimum size — the rule that normally stops an item shrinking past its own content — applies only while overflow is visible, so the strip alone in that column could shrink below what it holds. The toolbar and the KPI row are still overflow: visible and hold their ground; the grid sits at flex-basis 0 and so contributes nothing to take up. A deficit is shared out in proportion to base size, which left exactly one item to absorb all of it. So the empty state is where it shows worst — EmptyState is 296px of natural height against a 200px floor, and every pixel it refuses to give up came out of the strip. Measured in Chrome against the real box model: at 800px of viewport the strip loses 17 of its 72px, at 700 it collapses to 30px, less than half its content. It never scrolled, because it never overflowed anything — it just quietly made itself too small and cut off the result. flexShrink: 0 puts the deficit back where it belongs: on the grid, which is the scrolling region, or in the empty state on the page scroller in app/marketing/layout.tsx. The strip holds 72px at every height tested.