JRTell
JRTell
Hey, we already have a project built with ESM, so we can't even use this until this is resolved unfortunately :/
@Justinio99 Nice one!
Here's hoping it'll get merged!
@Justinio99 I just discovered that there are issues with custom fonts within the render prop as well, as soon as I put text inside a render prop, it loses any...
@hwaliashraf I've tried with as small as 3 KB images
@jgo80 The styles issue seems to be a separate issue and have been resolved 😄 : https://github.com/diegomura/react-pdf/issues/2531#event-11765218964 (Not released yet though at time of writing)
Additional note: This does not seem to be limited to the **Page** level wrapping. All components that wrap seems to be affected, check this[ REPL link](https://react-pdf.org/repl?code=3187b0760ce02e00408a057025803c450298c0bc300500943807cf805030c00f0022230080b6198531165d400a02180e659a004f003619b006f61622003a0046200099080beed3a72a005430a58d3c54a8a231c8016187928c009d54c0066a83128d9b3803f1801856d5cc25180077242873187f1e6028005a00072547184f0e4d2a007a5d7d7774ec8313314943392830b1753a307864002b742c1b18111e1800591e3060731e4cfcdcad7c984362c2b3591e0470907b6236a43e040c1118269f3b00374ecc083ebd3634ad0049467e0c43cd11e35339245381550bce085b606c00220cbbb3880c80473a834008cb25abc4f8ef2786406941d3ed8663518dd6410043c8ca500a8c3383e1e3c400b75004088403023800b86a58282d87850569345a305018094486012000cfd5210c030b53b07239a49b0ad1c3c4608020a4f3120943c111f149345913d2888243d530ab2c1323a5d1e93cf63923400d4901860b62009070934783cba68120c07c18261f46aea165f636bb41c1d9a275955deefd97b8d018f2dbfa5eca3065d6e8f540233efb747fdd8a0d984349f0e07bdb1874c77d719802743c9d4d16333582c56f39e82e46fd75c0c36c34dc0cb69e25f4fd67389ceca79b69a8e68fbe3f6e0f2bf9eed8f5ba582fc6678d91fcedb9449d67381daae8f37306dd96f773874f78b9993eaf87d5a5ed7ef03e76cebbe785ef6afcbf2cdff71bc7e718f2fd4f57c3c0bc1f7eda767cd73bc20add3f65d80f5cdf43d008427f33d40f7d2f43db32836f03dff38270dddd0903d22c3c0a9c1d44260aa2b47352d2705c208ae090604b016730a04a4002600018f898154750bd6dc0031662f931198560c0b7c18ab48d0c814ec5fd0454c24464591931120b00145aa041aa110103e0785b0756695a7d5ba1e0001a4b2182114930040461e47f060572600042d5b149688667956c6601cef30d02d18041ba524ca0c11878949004b00d8900d9f15688cf62e5054954b249081f2ce8002f568581807867444311fc873ac732ccaf5b6058107b3227a1f16a91c169401817933315525405b1fc250665906000154c0568406aa192c172d25180010f0aad98056992af536db0c03b04007220055e2765b92b30ad5b0ad73ba3301ca509602afa9f2960f3b62959a0fa2015be46b0a53b2bd311587e52acfbd6bf3f6880eac54002fea9e2054dc9744545a0047eb0e504169307562475d7fa76f015146032e33419a4cc18011db0764b351763a20b5591e026bd2567f1a0147e6e65c06004cd27861e19caf49a0d99673330073369114ac2b45e584cb1aa9f335a1690ae7073506596181042a11d60106ea3ec64402f518240204941ca7a940cae5ac0580a78678b3a568202c1cc701695fa79ea9e9b17aa998907cb96b5abd6715c89b7430032be4fd841994ab3299a2ad385eac011e3a7d9370a861ccc76dade48cb76400f25d1e0bd64abcd25aa8c0cc9f7558fac597525e7ab2c958a9471384b495e5e21694a872abcabf12f4580809079a7de59dae013a9e725774dc9e07da6512f946c5a426b136c0b657d56ca8df2cb0096681fcaf56579506df6718e4ba2595856878547febe5b1a694004ac4140b96a9fc0e4dabbb5ea1fdcca43006058582d42985ddfc99f100001b8601f05a4d514e1285b0a64fe8595e4128161772649b54a84d0d4761ca8d80e4165b68164c031cca8ac6941e4581b9461964352d47aa301492203301c2f015772a3986510b0aa8a98b88b2408e1485742406558c87d498500662532ae361a01604dad28f9040600bbde40b00207548c95744ab6109980014449693ad03a101f139b190cec753b0b8e34337ba7471f34d39b0d76883e201d2d18a2bd1dc131f48a9bd000a5e54f8d221a0fd14620dfad00b692c38e564bcb995a41c9ce928000972b1bcbbb4168a82b8162caf108ca28a2a300c5ad80de4a50f1a92b8251b4bec5d2818f49432a6a7deea0815e76087b249cc8214ba8d7649edb295f254d6c3ead2451855f8624dfa5e9e8120294a48f840c94138cae8ea158cfc40110029f281bb340c07619a1200f2c6dd47ef5aeb60ed998f74db09fb384c93c8906eb451fd2b01cd54a4a13922709e9651452b329ac1490cf7e4829d90ac9d480d5a210c2e154b29326b0e6cc005b1a48ccb260804e3d0390b0794883792d73e0ff35a3d23053ac7696315913c8faf2551749918a4c115f2aa412ae4300a2ad942a3d1f69997b6ee8fcbbf738059ddbb95a40f5690396a6f0adcbc45a41644405cd818e46e4d53b6292ab9883b044a2aad8e686203627226a3ac01792e501f4f3982bd6080958f43d1165450153d54d18147d745ae88c87d3105e9a986039e9d11e7547904cc178d70fa55d3f994cd133dc524a4d162596342ce85dc0032a4f2d8e48fd4cc6d5f0a5a2ef23e4d1e982aa9488a7832579a8545baef2e8f550aad24ee90c759084aad6d456067f581baa1343f1b60d59eaed9d6a95892fde1544e59c8ad8f49ebf85f21812e6152103b425a832688cb1c3e243ab8d5903b541d147a1eb09694c7a14f32ada377a28ca44c91b762b85c305d0deea8c3cb970747d8e2f14606e98f25629c7dad8dcda441e0c55ce8b06ea53a0367ecaec93b59bee60e9dea2548d8513b1a4890a528b1a22fa4ee490364ea8c3a6b8600cad9a0b13d054b339905a27a2a252b218646945d0e52086c9528cd192da9b59ab009fe0ab57a0298e0661941799d01caf20fa1fb50690e00ae06602d1fd926ee1330a955d983ff5d4c53031219ccd8d906741b0442ea6116a04311a58c5282d2770f870001341af271520d81836a03e01299f6db6742c24b0cdabf56e782958503a156ea5d059544071fa954338cc17104aec1ab1133a9ddab05a4e8dfb65319e096ca18d365f937529b315d105598560e9c71d872bb0ee7cda5b5240010577b404e49806411d57d661a2984156cadb18404e4248c7a0709a000e5c142cd6851579286f2a1c741a5842da0c5455980042c9b3a05b55863a82e067fe172328cadcdc920a77c3e0e5c7db18c8b3a67765d1e05a723724b10ec4d105a04bd4b2556eef2361d85dc85a618ff54976a7039ebba9fb0c0ec2254354c36141621474977949c5dcedd18c85f1fe3b5803854fbda7bc72458a22cb81dd95e7cc9529232aa86959b5efe59831d4b238e993973c7f216ecf031606da573d6e507bd94c39395e858ca37765dd1469c255ad1fb930445c156ec4711154c2d254b1098bc3488910a3cc5467327181301ea89e3daed53f51129c493657c5cce7056563acaacacdf0565ba2792ce891779c87367a2c8430200fa7e3202e0c761eb49014fd78236c2fd14151c1006c65afbb2a973883b9de55ab9600022dcac06022acd499332165d643b6c69ec256347a015274c3d3fa63daa066be00007e58295031c31867a88402b45603ad8e74b96bf248b78e7cc395e022054fcf1b05e88e2ba16898046acd180556d07e2415001c5260b4441a702ed982c0fd7d91cd35a0e403e3aae62fb2adfad7a249ba606f719eb1637951d0dc13faaff1a2860126c50716aba02dcadeb78eea08b6e617acadb00e5cdd8d6a833e5a06601c9a6d7f4bb9c7dac127d2c867d890da84c4a8503068563946c2a93f9940384590d915e43ac2d4c69104ab9bc9cdddbc6a972d0319819555916045ed8382950d4661ce9502cd44035341fc064e4510c1511d96395c9018b002e56446014a8cc95519090cc1a5111ae0b487487700c9220cc0e695adb901c97251c540cac5801fe42942a5ca9e98c4062030cd947dc3389397e8c98200bd06e92c10a8c40840094bb8f99cc9c14f0c0b502c718dcd0552c54351c3dd0b193c2e2c479c050306fd129804661cd9b04764b95f7408cfa43c5040035fe4678a4dfc12e4bf57f5cdde021d1b9dc755ccce4679fcd85026800064819391dd96ec991c511f96c53ec51d2b5f5db5508dd4c1d1ca89e9954174ea80d49a163c9e5cd93dc3a41837b5a2da44db46017e9e90ab40221d1d753743a5a6c7283a5675901e75604ea92503981c8b1cd8c6cd5602d96547608247b8278e9cee99e9c2d5814a39611a1a90150b952d4525a9dee069d7f9dc5cddaa56a5a84d022a8ea246c5697c85389a0a9d419a51d19e51ab4c0119d8519b41a3b6ddc5654bd1943c28579639d0133c3148387e3738fc94240447f48c8c69843309ea58cdc429a5511d11ca03001c1184780001ac2ccf110918914908e0290a91dd06653ed49cee1cdd4dc729dc58b4138e2847db293b8a488255d0581695950accd841a00cd609a804e0ce178c4934cd6400ed29378d5e03e0be1ee0cc1fe1011300789641e215d12101d1a108d1892348243c60a42bd0000240340f4654ba5accf59fc0212564c05ab85e82d8029161cc9828b94d68855e2841c85d9cd4c4205aa03012442a44b5c783dcc14ea8154d5c569590e69168a49f5c2a2c8c924b01942ddcb380b22f9a21638713223332cd5e906a44a9004eb8e18df883548c74d529aec33893316582ccc03f5bfdbc2ec1c8df84775fc14a9fb335d1b59cce64064649832705e417583b2cd95bd1559e86c1b5da727a4ca0201c5092226800135f55f109ac7b5f1da99b5085cec1a505399fc6684587146005b963d9e36cc5d18fc318dfcaa41ed3f46018b8b959f95d8ea81cc222dccbe4c79b19bd4439738150b19565ed8e4d054000a58905648e9168429fe4dd4d030a95110a9cc817d2623c0c933941853c8000959646698195d3358cd54e013de54a25e15c59e507fc25480dfe55109a9828cc8362dc938a1385a0c014a99e84c5524ca50735a1c5044029c9a0b29869691e841513946e33687b81e4ced6d82791789dd3dd4e2441141fc9453e582c9b5818033342577327918c199e40328458fe8a996b43914e8225e98172c8497c4002683a0f0addc8125286152b2d4a41df0d39c0b0938440a01fe54a49337a329587d744c40e2dc62d94c4b82208c0dcfc8169decac90986494a9e50f90128398780f551c19241a2bf3bc80f8b95e29d138fdc15b19f0b0bc21cafd6a99e9928a59c01f8c429b33ac2d55bcc354da9d14c243fd46a6c0eca2d405c9a8428b58acc4fc9b28820e8f5424b399dc5f5c2aacad8029133928d5f1c5aacc20b0e9d3a0345bab1795c803913886a0e84f38aad3229d2b2cc018132c19912561266178c138cc0b6b6c1452990cc8669dd9599398f58e2b14c7d43d9a140e9aa0310d10ac02c9b42100fd5fc9e214a2c20105ff36d4d916c243270b04be8030ddc45135a0df56f360351b173c1d030fb20a45ab4cbdabb7c155b93fc9dc51453387f35a014de90b029a0512a50cd8a233728f33e8b2a61ad0af809b39431bd55908c9585a27d489d85bc62782bed499598d831914190eb46284aceaa98bb3559824645fb5574b00d2399c580bd0684998475305fb3b55490b6a12cf1bdc4b29f0a18d31b791b590451c4e75a2a81000038bd0fb96045a848a138d4b918eeb6b8b602c9f9bdc471ddc5e988829289603ed08b3407443006c3ab3872be3a7589d2003156382a3d3a44ab5af0b19d2c5c3c442152c426d29a5ed20b1f736c268bfa3704a8a9584f8aec9c05a17f42f3abab196eb1f27d81d484a9585902789519732ace2d3036da4012910005008001fa35170d561b5c4f2d3b77471919ce506c4c330e333b380c2b4dccc9c744c98a9524de3ac1cdd6513997793ec2ac9c0250e0bd899d35f9f8444178c5786151db0a99eb744fc8b01bc91295d0da8c2a495924e551f911bdebcd851a59add994a8aa6829a14e1d18669ba51073a0cac001f9290aadfcb79576a7ec305434181332bd0486e6962839441522cf326fab5a2a80d15a1790cc011985029c853b1938cc692556ba69b962cda759794ec0134ad57a50383a4705486718fc59285f961d4e91f8c688eb3b4781ded2789e9b5970a2a96c01194124e4bd4a6d76afd860a3788bab7a440a4c59d935ba95a966b2516856fb2528aad87604384aad60b99cbaa9c574c6b95a04eb999bb964c769961565ff30b4b74c4b38c24a699b63bcc5912986fd7f56e8f293d97789b42f2c18cd804c38270bcdaa513157e8a595a9ab2e35dfb34596b59affc6a13501a08a8bd06c87a1ba5d85ab338d964cb4f584c808a75943538a6bccd5e3462753abd028aef9b60b01bdadc82bcc95bb9cb82c8c4a6799a91617b97d99649597107b9a9a1d0da1c00e28440093c88893e104cd9119bb0310f3cdc990efa8204ec2c9942a3a6697e8f5400ad9130ba1b33257a681464cb4f91e9578c161f5d3033d934493afe87750a5d04332afa1006fb38dc678e8c874a9d192e8ed94fb280d90f8081b2c80b9e696c00a5ca92e4ba04e39eb8914e8496f7b568d0c1c4fb85b9cc9496c01ada57962db02eaad62645ee29daa6160a2680010a001e4220a006188e9ffb1c3368346802fd2580e75690a0ce22462924c347a0815e81f1cd2cce5869c00314169deafb4eb96b55a11fab1c64400108a66101b24951b51f021873844417e5d27cdb8383cbaa1a67cb9a8b3fd9f9fc463cf69969374e39adb2d52e856cde63e9bdbd24cace41e52e881ba8a16d2ccdf415a41d10a2960f2843d5d763817adbbe5d0151e6cacd8cb017eb645dfb9ec57b457cc190629629c681890ef8ac0d0a5f8454d45138a60d2989d1f4ad7da0a222a8db2615980cb2f455449c0bfa525544fc4d90fab9e9fc14b56c9e767dbd985a92822a8238a3b3ddef3ff3999e77c07f38923d87b501e768d276d0d510b78600b80441ed67815f9dd9db6da8fbd229e28de9555545b5134cfed5102c57b638ac00d95342b59901e90f5922c7f7a249a8d63959c843002692cd63341b47b6458e9927ab3f9ae59762558760f8b34725d2509595f7030a8cf6d759ce41744e56ca059c78300412b75b9b826525ad42a5d789bd91a48c58103205110eacd7dade6c74307b871985c2d2ce685c5bd9c94834f11778784fa81e53420286a5e56ab82b74632a9343b33379fc0ca052c719dd9a503a49fd75c05ba8583db2b137549ad25369bbcccbd17110156a31e9561638de738adf30298189236ed40029da8d7d96b29c14f87f248e1d1f5cf39e84ae30cefb5f7876d6c0ab97c8279cddd9bf1c4c8eb86b9b376c6e74d960b0fb2f90500fb4998e3c6fcb604909d41f37ebb50de93b8268fc6b1d8f5844545d90ada0b0f349ca5062a887bb18aaa19d994b6b5246fcb81d3a2a50a25694e8a4c1c8b0fc44a4c9f46ed3923e9251c82ae4bf33dd11d59bea39259c93fac6ae504821d019cec05a875790fd8d2a85c336e3d83d81505a1e5bcf431af96f0a6681c4b5ada74ea3a6b45dc594374d83d628ee293b40afa9a19d87e812c09228e8139fc8e78de57255fc199896acd6578e808f790a2907256e7a1b3c5827f2c2398e703419cf2cc07342c9aa5ef5e2c180cb83ec44525af0d34ef4749002975c46c7463857b534e944e59c00c2e3c1ff84000416974e2ffd7b4ed5bf3643980d91f1de9959dcd6250585791f6861d18c1c9db2c29f6e3c0c41ea1e0b967c0722c85f7822a77f2539abbec8d4fa0cdc9bdd839529cdcc44204cf81580b355eafb5dc8a71adef46aa718151800568c73dd6cd54699f3ce97d463304f7e8268016a5055c1ec9f9b5fcc8e2c494967edfc74e29f663223c15356e9034ce6b40288f212e7553910118041fac9811d41c1fc0473240f00d890be3018bfdc8623145c637800410a9540881b01480f00bd00000c000482406beebf4be600320601fbf1be1519becc1541bbe9e00801c19c05015c047e061320a7fdc1320e80180d8dd80081e04c80c80c498e7641fc10ecd456c0abe381e35278841290001c8456201820150940efe0225e1801efeb88a01e20201c90320320fc65601c80f8089232830016409fc0c82fc0a50cff11012803201b0204000198320fb90003eb680000d2a680001b080103a0007510006c1e409342503203180e80800068001387805562ab3690a008e03bf9900dbefbf32014f40a03701c00c00d3463034d2580d5c900a8826012fe9404500a81290120438098cd90ae86d00801e2094864040015908af20c4c3cd9d00fce4a42e02341720eb00282f800e920e1e4c150aa0c3065015400110c418806418702005400334c540c02f100002c84564c1559954f8b7bfacdd87c6ff27071ccc48b821102dfc6000ff27f8bfcd8136080882887268e0cd033835c1ee09801020788de0fd82f8216060000849596c0c10cd000b90ec6001d05400f413000f05f10022b608e01925ec1e90d904a438e6690ca4107508aa509740742b21210d601843ec4910e885c035fe1c07a86501930c90ce03743f21190be86b43580ed08c857830e03e0bf05cc2efe5026742380840c50ce0338306137f7bfb681b9210058805157f4710a120044352d30ca02cc34d08397642582321d6099843505d0660dc9b1cd5e14080121d420229607bead81ee14e03685200dc1bd0ae867c3ca1ba0b722f116a16b09c846c20a1c0c2286115400e577bfb20873afb089872b08be25f3b0182312813c3283801efe2bc6940991300fb0ca02a43211e90cc861151409508444c01901488cd018811c0dc41803723380bbc3e01711290828c984a22f21688a086623e86a08a886e22f61808f605efc0fe6452b00c40b8034031209fda2c17f2a006a0d00da86842aa280000) for example. On the...
A possible workaround (If you just want an element fixed last on every page) is to simply leave enough padding at the end of the page and absolutely positioning the...
> I have another super simple [REPL](https://react-pdf.org/repl?code=3187b0760ce02e004046043601ac0e60271015cc0130329402780360298c02f0c037805033c23ab99e80c2209cc05c300e47049264fc00d0c064c59b00ea012d71400167c01318a9001c12e5cf2c2a3e015936300b609d2a0326e805f00dc74ea848b001888109dcd6f06460b0d4001434a0dce8f6009454007c3021740090003c006af26400ee30d0a464943400da882818d87884051234f0221538b89c917c11cc30f600baf6712969002a64001e50710032cc64e630f25a105833b85c1d10f2b008e66450126e1064c050db58e830ba73f210c006a8306424eb007430f864b8796f30fee850083096a8300219e00555836cf2082d164c030002396136cf763a0101033b0060c2298432c10083026000452c25c11143d990110858000ddeeeb7f8204e97091915010ad309806c1a4c198d72fb28acdb545e4b0570b9419e00394d8c1d0582822bcc122b300b0305a7ac10147d21d16ff2e191a059091404ed0f47ab355812309cca074168d85a864ec604ab383da9336e44a60477b406bdbce94c0c16ee53c835c218180a9580a02731e4037a3b906791fc901af3012c0c893820e0eb139dd608ae561af104e78004549e8abbdcd864a4cc1298763a9c4d74fb9dc00668398d97d0cf57bbde47e363e8210f381b0404c964402712975e12efb183e9e54b882ec4e0b7476b7e14001584aa0cb94c4933606cd7c400b360501ea83b6126576875dc39d01a258bc89f9c660380f1a5c240c0ca204b83a06d9d2f23d2e82a2b2afefba6a6e3e85b104869a6169ae303b0c5a9616a9c481e45c03cd705afa2c2f483ce19ca331400635cb80e0b0168c2821ca9fc07bfe10bd2099026c5110002b0afb306a780e83832e8b81b09cc0b0cc23a3e70006a0398e6080cb19c1b262232a4003d10ca31f4c920c2318c127dce410426b920ab28e006a87962072116733eaf8217e526084488f840d0669ca2cc4e4b0f8779128486b06c5b382e43c80a5e04ca027f00af21e48ca6c1081ecf264b4a6cda7809f85000902b33bc57b40cb840d468e74418300600836ab81fcca5e54944260061c5721657a2e455aff31c9e51c7e006bd5e9e429a14120123a06e5801e6f9b5a12525a20e5cd38262cca5509735b4560f45bad042e4bad51234e2e8b0592c0b05e0087a08ca71f233c24bb65571a4b606d337c4ca2d88b75e87daf29562abc68985041890f17c24da76c7806c74760f93edb33cbb4c948fa294b521b1609556a3a850f4a9a5a5234b142f2169447a47da3376a1ad874e8105a3301236140e27fcf204867aea3020eccb5c4cf018ba60e2c7d863c850ca3972caf29080816eb01b11b6285c57c27006eca15006fc926a226b731f3bc8346d5f372618481863acc23d77131d6e9ddd62d40ec9cf00092b0adbc66a21e9adee51bb00e5771601237c02fac1d2951f406c944acf000b2cc87de8a287730c5a9704a8e81e8203e926b001146c721e83db3b3d67139cf000a26c7ee35d79e9a374723c66459630a466664391f4d1338ae380d00c019d10f58807995ba12c49402449230a91cf0bd047d230ebc490807279310e4114750e87a0dc2ccfc319977c0008ca617cba3d1a800012cc3c80017b80bf090ea0000c9d17a1485de301521781f0200fc0042089d8563a04a0fc000313ff7fe00138003b3f0180a6477a80b011037c3f8512b01da020e41e8330760dc120377b80ef044260690f81882905a0f41582705e0d01f4320740921703222b0b41ec3384d0fc1920244642c8b91581695b82398627c7c827c681943409809a354720c02247af7ee130a60cc552869962443ea67192af7732b65b87e0d4806326021631f314c7c08b1055a51f75b1b4278638a31b315c52c7718952c6e36f19657c580d32c3db21d8b32fbc391e0b329bd1637351ee3c001299024050024bd60f08f0109e0360211520cf549b85602e0b1e400000) > > This issue is verry annoying and makes this (otherwise super amazing) library unusable for us... Is there any workaround for this?...
Ah, I understand, yeah then there's no workaround that I know of