Bug 258492 – CSS text-box-trim using content & ::before/after.

• Component: CSS
• Status: RESOLVED FIXED

[Nilesh Prajapati]

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;
  }

[Radar WebKit Bug Importer]

<rdar://problem/111617268>