BlogPage, LandingPage: Added temporary workaround for dropcap issue a…

…dobe-webplatform/dropcap.js#19
umamialex · Jun 20, 2016 · d47d5a2 · d47d5a2
1 parent cd5d689
commit d47d5a2
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 9 deletions.
diff --git 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
@@ -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) {