[Webkit-unassigned] [Bug 258492] New: CSS text-box-trim using content & ::before/after.

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=258492

            Bug ID: 258492
           Summary: CSS text-box-trim using content & ::before/after.
           Product: WebKit
           Version: Safari 17
          Hardware: Mac (Apple Silicon)
                OS: macOS 13
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: nileshprajapati at hotmail.co.uk

Hi Webkit

I notice an issue with CSS text-box-trim.

The text-box-trim works fine for h1.

however, when applying text-box-trim to content using ::before and ::after, the text-box-trim does not mimic the behaviour of H1.

See the code example below:

*, *::before, *::after {
  box-sizing: border-box;
}

h1 {
  background-color: red;
    text-box-trim: both;
  text-box-edge: cap alphabetic;
}


 h1::before {
    content:"Before Text";
    background-color: green;
    text-box-trim: both;
    text-box-edge: cap alphabetic;
  } 

  h1::after{
    background-color: blue;
    content:"After Text";
    text-box-trim: both;
     text-box-edge: cap alphabetic;
  }

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20230624/c3a256db/attachment-0001.htm>