Script index.js does not return whole texts on CZC.cz

[SuperMartas]

Consider this command:

node index.js -W1920 -H1080 -P1 -s https://www.czc.cz/pocitace/produkty

I've been experiencing issues with not returning of whole texts for some products names and gifts. For example, I expect that product "Apple iMac 24" 4,5K Retina M1/8GB/256GB/7-core GPU, modrá" returns two boxes with texts "Apple iMac 24" 4,5K Retina" and "M1/8GB/256GB/7-core GPU, modrá". But what is actually returned is one box with only partial text "Mac 24" 4,5K Retina M1/8GB/256GB/7-core GPU, modrá".

This happens with more texts including text "Servisní pohotovost – vylepšený servis PC a NTB ZDARMA" and some more product names. Surprisingly, this does not happen on https://layout.fit.vutbr.cz/browser/#/ where it works as expected.

Testing environment:

• fitlayout-puppeteer commit 8c2f52e as well as 30cbb3a
• Windows 11 22000.493
• Node v15.14.0

If I have more info, I'll update this issue.

[SuperMartas]

I probably found out what is causing the issue. It is this cookie popup

in combination with document.caretRangeFromPoint

fitlayout-puppeteer/index.js

Line 722 in 30cbb3a

var range = document.caretRangeFromPoint(rect.x + 1, rect.y + rect.height / 2); //use +1 to be sure to hit some position

which incorrectly returns range for some elements from the cookie popup instead of the correct range for the Apple product as seen in this image

When I use custom Chrome profile (by using -d and -N arguments) where I have already accepted the cookies (so the cookie popup does not show up), the issue is completely gone. This might explain why it works on https://layout.fit.vutbr.cz/browser/#/ as there is no cookie popup for some (unknown) reason.

[SuperMartas]

There is a similar issue on https://www.mall.cz/pracky, see this image:

However, this issue might possibly be caused by fixed height of element and overflow: hidden. It looks like this when not using screenshot: