<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>
<!DOCTYPE bugzilla SYSTEM "https://bugs.webkit.org/page.cgi?id=bugzilla.dtd">

<bugzilla version="5.0.4.1"
          urlbase="https://bugs.webkit.org/"
          
          maintainer="admin@webkit.org"
>

    <bug>
          <bug_id>75587</bug_id>
          
          <creation_ts>2012-01-04 16:38:16 -0800</creation_ts>
          <short_desc>[CSS Regions] Can&apos;t flow into block-styled ::before and ::after elements with no other content</short_desc>
          <delta_ts>2012-10-01 01:12:42 -0700</delta_ts>
          <reporter_accessible>1</reporter_accessible>
          <cclist_accessible>1</cclist_accessible>
          <classification_id>1</classification_id>
          <classification>Unclassified</classification>
          <product>WebKit</product>
          <component>CSS</component>
          <version>528+ (Nightly build)</version>
          <rep_platform>All</rep_platform>
          <op_sys>All</op_sys>
          <bug_status>RESOLVED</bug_status>
          <resolution>DUPLICATE</resolution>
          <dup_id>90079</dup_id>
          
          <bug_file_loc></bug_file_loc>
          <status_whiteboard></status_whiteboard>
          <keywords></keywords>
          <priority>P2</priority>
          <bug_severity>Normal</bug_severity>
          <target_milestone>---</target_milestone>
          
          <blocked>57312</blocked>
          <everconfirmed>1</everconfirmed>
          <reporter name="Alan Stearns">stearns</reporter>
          <assigned_to name="Mihnea Ovidenie">mihnea</assigned_to>
          <cc>donggwan.kim</cc>
    
    <cc>hyatt</cc>
    
    <cc>mibalan</cc>
          

      

      

      

          <comment_sort_order>oldest_to_newest</comment_sort_order>  
          <long_desc isprivate="0" >
    <commentid>529879</commentid>
    <comment_count>0</comment_count>
      <attachid>121186</attachid>
    <who name="Alan Stearns">stearns</who>
    <bug_when>2012-01-04 16:38:16 -0800</bug_when>
    <thetext>Created attachment 121186
reftest

The flow-into property only works on block-level elements, and ::before and ::after pseudos can be styled with display:block. Styling the pseudos as block elements is not sufficient for flow-into to work on them, though.

// this does not display any namedFlow content in the pseudo element
display:block;
-webkit-flow-into: namedFlow;

If you add a content property, then the pseudo elements will throw that content away and work as regions:

// this works
display: block;
content: &apos;a&apos;;
-webkit-flow-into: namedFlow;

I&apos;m assuming there&apos;s an optimization that ignores pseudo elements if they have no content, but this path will need to check to see if flow-into is assigning content to the element.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>731460</commentid>
    <comment_count>1</comment_count>
    <who name="Mihai Balan">mibalan</who>
    <bug_when>2012-10-01 01:12:42 -0700</bug_when>
    <thetext>This was fixed as part of a larger fix of regions &amp; pseudo-elements in #90079.

*** This bug has been marked as a duplicate of bug 90079 ***</thetext>
  </long_desc>
      
          <attachment
              isobsolete="0"
              ispatch="0"
              isprivate="0"
          >
            <attachid>121186</attachid>
            <date>2012-01-04 16:38:16 -0800</date>
            <delta_ts>2012-01-04 16:38:16 -0800</delta_ts>
            <desc>reftest</desc>
            <filename>before-after.zip</filename>
            <type>application/zip</type>
            <size>896</size>
            <attacher name="Alan Stearns">stearns</attacher>
            
              <data encoding="base64">UEsDBAoAAAAAAHGDJEAAAAAAAAAAAAAAAAANABAAYmVmb3JlLWFmdGVyL1VYDABZ7gRPdu4ET/UB
FABQSwMEFAAIAAgAKoMkQAAAAAAAAAAAAAAAADUAEABiZWZvcmUtYWZ0ZXIvZmxvdy1pbnRvLWJl
Zm9yZS1hbmQtYWZ0ZXItZXhwZWN0ZWQuaHRtbFVYDAB77gRP7+0ET/UBFACzKS6pzEm141IAAr2S
1IoShWowm7M8M6Ukw0rBJDXXGiKQkZqZnlFipWCoZwoXS8ovSkktslIoycjMUyjOz8lMUUjKSUzO
tgbLgtXUctnoQ+2wySjJzQFSSfkplRAbbVIyyxSScxKLi21BdtuFuEaE2OgDBQlK2+hDTLHRhxgK
AFBLBwgN1zUcgAAAAMgAAABQSwMEFAAIAAgAWIMkQAAAAAAAAAAAAAAAACwAEABiZWZvcmUtYWZ0
ZXIvZmxvdy1pbnRvLWJlZm9yZS1hbmQtYWZ0ZXIuaHRtbFVYDAB77gRPSO4ET/UBFADFUDsOgzAM
nekpfAFAldolpGy9AUNXQkwTEXCVWEWo6t3Lt2LoXg/+PttPTwYeHOYHGC2pqGPsGF5zGcU9qsZy
XDvqY9sxCZjSbJ6+Z69ID0IorMnjtqZteLhyEMpR1WQ/TtWe2v2pqLeajYATtmvDoL0bFnBMzt+e
Iq/RC2BjOwjkrAblyu3Dnk5ZM/o/s5HpKqw03LoxTNQWmaW2T6hcGcJlFTwvrrcCJifTcTii0wUu
03n7A1BLBwhV1A0etgAAAKUBAABQSwECFQMKAAAAAABxgyRAAAAAAAAAAAAAAAAADQAMAAAAAAAA
AABA7UEAAAAAYmVmb3JlLWFmdGVyL1VYCABZ7gRPdu4ET1BLAQIVAxQACAAIACqDJEAN1zUcgAAA
AMgAAAA1AAwAAAAAAAAAAECkgTsAAABiZWZvcmUtYWZ0ZXIvZmxvdy1pbnRvLWJlZm9yZS1hbmQt
YWZ0ZXItZXhwZWN0ZWQuaHRtbFVYCAB77gRP7+0ET1BLAQIVAxQACAAIAFiDJEBV1A0etgAAAKUB
AAAsAAwAAAAAAAAAAECkgS4BAABiZWZvcmUtYWZ0ZXIvZmxvdy1pbnRvLWJlZm9yZS1hbmQtYWZ0
ZXIuaHRtbFVYCAB77gRPSO4ET1BLBQYAAAAAAwADABwBAABOAgAAAAA=
</data>

          </attachment>
      

    </bug>

</bugzilla>