fix: resolve styles on dynamic elements (#2629)

* fix: resolve styles on dynamic elements * chore: add changeset
diegomura · Feb 10, 2024 · 087ee22 · 087ee22
1 parent 021c354
commit 087ee22
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/.changeset/seven-bottles-wave.md b/.changeset/seven-bottles-wave.md
@@ -0,0 +1,5 @@
+---
+"@react-pdf/layout": patch
+---
+
+fix: resolve styles on dynamic elements
diff --git a/packages/layout/src/steps/resolvePagination.js b/packages/layout/src/steps/resolvePagination.js
@@ -16,6 +16,7 @@ import shouldNodeBreak from '../node/shouldBreak';
 import resolveTextLayout from './resolveTextLayout';
 import resolveInheritance from './resolveInheritance';
 import { resolvePageDimensions } from './resolveDimensions';
+import { resolvePageStyles } from './resolveStyles';
 
 const isText = (node) => node.type === P.Text;
 
@@ -33,8 +34,9 @@ const isDynamic = (node) => !isNil(node.props?.render);
 
 const relayoutPage = compose(
   resolveTextLayout,
-  resolveInheritance,
   resolvePageDimensions,
+  resolveInheritance,
+  resolvePageStyles,
 );
 
 const warnUnavailableSpace = (node) => {

diff --git a/packages/layout/src/steps/resolveStyles.js b/packages/layout/src/steps/resolveStyles.js
@@ -55,7 +55,7 @@ const resolveNodeStyles = (container) => (node) => {
  * @param {Object} page document page
  * @returns {Object} document page with resolved styles
  */
-const resolvePageStyles = (page) => {
+export const resolvePageStyles = (page) => {
   const dpi = page.props?.dpi || 72;
   const width = page.box?.width || page.style.width;
   const height = page.box?.height || page.style.height;