From d47d5a2af29d782560a3707dad292b1e91675b74 Mon Sep 17 00:00:00 2001
From: Alexander Martin <alex@suitupalex.com>
Date: Mon, 20 Jun 2016 01:45:29 -0500
Subject: [PATCH] BlogPage, LandingPage: Added temporary workaround for dropcap
 issue adobe-webplatform/dropcap.js#19

---
 frontend/Page/BlogPage/BlogPage.jsx       | 11 ++++++-----
 frontend/Page/LandingPage/LandingPage.jsx |  9 +++++----
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/frontend/Page/BlogPage/BlogPage.jsx b/frontend/Page/BlogPage/BlogPage.jsx
index 6605e20..aed0ec5 100644
--- a/frontend/Page/BlogPage/BlogPage.jsx
+++ b/frontend/Page/BlogPage/BlogPage.jsx
@@ -22,11 +22,12 @@ class BlogPage extends React.Component {
   }
 
   applyDropCap() {
+    const dropcap = this.refs.dropcap
+
     log('Applying dropcap.')
-    window.Dropcap.layout(
-      document.querySelectorAll('.blog-page-dropcap')
-    , 3
-    )
+
+    dropcap.dcapjsStrut = null
+    window.Dropcap.layout(dropcap, 3)
   }
 
   componentDidMount() {
@@ -88,7 +89,7 @@ class BlogPage extends React.Component {
           {formattedDate} | {readTime} minute read
         </p>
         <hr/>
-        <span className='blog-page-dropcap'>{dropcap}</span>
+        <span className='blog-page-dropcap' ref='dropcap'>{dropcap}</span>
         <ReactMarkdown
           className='blog-page-body'
           renderers={{
diff --git a/frontend/Page/LandingPage/LandingPage.jsx b/frontend/Page/LandingPage/LandingPage.jsx
index ca4a197..5afa2b6 100644
--- a/frontend/Page/LandingPage/LandingPage.jsx
+++ b/frontend/Page/LandingPage/LandingPage.jsx
@@ -39,10 +39,11 @@ class LandingPage extends React.Component {
 
   applyDropCap() {
     log('Applying dropcap.')
-    window.Dropcap.layout(
-      document.querySelectorAll('.blog-page-dropcap')
-    , 3
-    )
+
+    const dropcaps = document.querySelectorAll('.blog-page-dropcap')
+    _.forEach(dropcaps, (dropcap) => {dropcap.dcapjsStrut=null})
+
+    window.Dropcap.layout(dropcaps, 3)
   }
 
   blogMapper(blog, index) {