diff --git a/packages/cli/src/commands/layout-audit.browser.js b/packages/cli/src/commands/layout-audit.browser.js index f939a9dcee..1b9161b120 100644 --- a/packages/cli/src/commands/layout-audit.browser.js +++ b/packages/cli/src/commands/layout-audit.browser.js @@ -394,6 +394,7 @@ } function clippedTextIssue(element, time, tolerance) { + if (hasAllowOverflowFlag(element)) return null; const style = getComputedStyle(element); if (!clipsOverflow(style)) return null; const overflowX = element.scrollWidth - element.clientWidth; diff --git a/packages/cli/src/commands/layout-audit.browser.test.ts b/packages/cli/src/commands/layout-audit.browser.test.ts index 821bad8c14..8731611ace 100644 --- a/packages/cli/src/commands/layout-audit.browser.test.ts +++ b/packages/cli/src/commands/layout-audit.browser.test.ts @@ -109,6 +109,38 @@ describe("layout-audit.browser", () => { expect(runAudit()).toEqual([]); }); + it("does not report clipped text when an overflow-allowed container includes decorative bleed", () => { + document.body.innerHTML = ` +