From 1d9ff983e123a7872c8f64b0c31939c2d906308e Mon Sep 17 00:00:00 2001
From: danfickle <newtab@gmail.com>
Date: Mon, 9 Mar 2020 18:30:13 +1100
Subject: [PATCH] Fixes #211 - Images in content property now work as
 inline-blocks.

With test proof.
---
 .../com/openhtmltopdf/layout/BoxBuilder.java  |  24 ++++++++----------
 .../content-property-capabilities.pdf         | Bin 0 -> 16842 bytes
 .../html/content-property-capabilities.html   |  12 ++++++---
 .../VisualRegressionTest.java                 |   1 -
 4 files changed, 19 insertions(+), 18 deletions(-)
 create mode 100644 openhtmltopdf-examples/src/main/resources/visualtest/expected/content-property-capabilities.pdf

diff --git a/openhtmltopdf-core/src/main/java/com/openhtmltopdf/layout/BoxBuilder.java b/openhtmltopdf-core/src/main/java/com/openhtmltopdf/layout/BoxBuilder.java
index f774afee3..31f5c39d0 100644
--- a/openhtmltopdf-core/src/main/java/com/openhtmltopdf/layout/BoxBuilder.java
+++ b/openhtmltopdf-core/src/main/java/com/openhtmltopdf/layout/BoxBuilder.java
@@ -813,8 +813,8 @@ private static List<Styleable> createGeneratedContentList(
 
                 BlockBox iB = new BlockBox();
                 iB.setElement(img);
-                iB.setPseudoElementOrClass(peName);
-                iB.setStyle(style.createAnonymousStyle(IdentValue.INLINE_BLOCK));
+                CalculatedStyle anon = new EmptyStyle().createAnonymousStyle(IdentValue.INLINE_BLOCK);
+                iB.setStyle(anon);
 
                 info.setContainsBlockLevelContent(true);
 
@@ -955,36 +955,34 @@ private static List<Styleable> createGeneratedContent(
         if (childInfo.isContainsBlockLevelContent()) {
             List<Styleable> inlines = new ArrayList<>();
 
-            BlockBox result = createBlockBox(style.createAnonymousStyle(IdentValue.INLINE_BLOCK), info, true);
+            CalculatedStyle anonStyle = style.isInlineBlock() || style.isInline() ?
+                           style : style.createAnonymousStyle(IdentValue.INLINE_BLOCK);
 
-            result.setStyle(style.createAnonymousStyle(IdentValue.INLINE_BLOCK));
+            BlockBox result = createBlockBox(style, info, true);
+            result.setStyle(anonStyle);
             result.setElement(element);
-            result.setChildrenContentType(BlockBox.CONTENT_BLOCK);
+            result.setChildrenContentType(BlockBox.CONTENT_INLINE);
             result.setPseudoElementOrClass(peName);
 
             CalculatedStyle anon = style.createAnonymousStyle(IdentValue.INLINE);
-
             for (Iterator<Styleable> i = inlineBoxes.iterator(); i.hasNext();) {
-               Styleable b = (Styleable) i.next();
+               Styleable b = i.next();
 
                if (b instanceof BlockBox) {
-                   if (!inlines.isEmpty()) {
-                       createAnonymousInlineBlock(c.getSharedContext(), result, inlines, null);
-                       inlines.clear();
-                   }
-                   result.addChild((BlockBox) b);
+                   inlines.add(b);
                } else {
                    InlineBox iB = (InlineBox) b;
 
                    iB.setStyle(anon);
                    iB.applyTextTransform();
+                   iB.setElement(null);
 
                    inlines.add(iB);
                }
             }
 
             if (!inlines.isEmpty()) {
-                createAnonymousInlineBlock(c.getSharedContext(), result, inlines, null);
+                result.setInlineContent(inlines);
             }
             return Collections.singletonList(result);
         } else if (style.isInline()) {
diff --git a/openhtmltopdf-examples/src/main/resources/visualtest/expected/content-property-capabilities.pdf b/openhtmltopdf-examples/src/main/resources/visualtest/expected/content-property-capabilities.pdf
new file mode 100644
index 0000000000000000000000000000000000000000..df6fd38451d4d96ef2764311db674c36f5c8346e
GIT binary patch
literal 16842
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
TMMOe)A-sGT^z_ooG8q3Ktx9UU

literal 0
HcmV?d00001

diff --git a/openhtmltopdf-examples/src/main/resources/visualtest/html/content-property-capabilities.html b/openhtmltopdf-examples/src/main/resources/visualtest/html/content-property-capabilities.html
index 3f05b0b3f..bb94cc79b 100644
--- a/openhtmltopdf-examples/src/main/resources/visualtest/html/content-property-capabilities.html
+++ b/openhtmltopdf-examples/src/main/resources/visualtest/html/content-property-capabilities.html
@@ -11,9 +11,10 @@
     }
 }
 @page:first {
-    margin-top: 100px;
+    margin-top: 140px;
     @top-center {
-        content: url(../../demos/images/flyingsaucer.png);
+        border: 1px solid blue;
+        content: url(../../demos/images/flyingsaucer.png) "..." url(../../demos/images/flyingsaucer.png);
     }
 }
 body {
@@ -31,7 +32,10 @@
     content: attr(data-msg);
 }
 #three::after {
-    content: url(../../demos/images/flyingsaucer.png);
+    display: inline-block;
+    border: 2px solid pink;
+    background-color: orange;
+    content: url(../../demos/images/flyingsaucer.png) "..." url(../../demos/images/flyingsaucer.png);
 }
 </style>
 </head>
@@ -39,6 +43,6 @@
   <a id="zero" href="#three" style="display: inline-block;width: 100%;"></a>
   <div id="one">ONE</div>
   <div id="two" data-msg="HELLO"> WORLD</div>
-  <div id="three" style="page-break-before: always;width: 150%; background-color: black;color: white;">With images: </div>
+  <div id="three" style="page-break-before: always;width: 150%; background-color: gray;color: white;">With images: </div>
 </body>
 </html>
diff --git a/openhtmltopdf-examples/src/test/java/com/openhtmltopdf/visualregressiontests/VisualRegressionTest.java b/openhtmltopdf-examples/src/test/java/com/openhtmltopdf/visualregressiontests/VisualRegressionTest.java
index e648cbec1..8e55da7fb 100644
--- a/openhtmltopdf-examples/src/test/java/com/openhtmltopdf/visualregressiontests/VisualRegressionTest.java
+++ b/openhtmltopdf-examples/src/test/java/com/openhtmltopdf/visualregressiontests/VisualRegressionTest.java
@@ -1011,7 +1011,6 @@ public void testIssue446LangSelector() throws IOException {
      * Tests what the CSS content property is capable of.
      */
     @Test
-    @Ignore // Working but with content images behaving as blocks rather than inline-blocks.
     public void testContentPropertyCapabilities() throws IOException {
         assertTrue(vt.runTest("content-property-capabilities"));
     }