Absolute-positioned, inline elements don't display when they have a relative-positioned parent with overflow: hidden #2330

cosmqc · 2024-12-17T03:05:43Z

Hi team,

The below code snippet shows a minimal use case where I would expect the text 'This test has passed.' to show on the page. Using WeasyPrint v63.1, the text is not visible, but can be selected/copied when highlighting the page (i.e. it is being rendered).

When generating a PDF, it seems absolute children of relative parents that are using overflow: hidden aren't displayed at all. This issue looks similar to #996 but no flex boxes are used.
This seems to happen for all inline elements (<strong>, <span>, <em>, <abbr> tested) and other elements using display: inline (<div> tested). It displays correctly in my usual browser (Safari v18.2, including in print mode), and on this CodePen.

I'd be keen to have a crack at fixing it, but I'd be lost on where to start in the codebase or at what could be causing it.
Any tips would be awesome.

<html>

<head>
    <style>
        #parent {
            position: relative;
            overflow: hidden;
        }

        #child {
            position: absolute;
        }
    </style>
</head>

<body>
    <span id="parent">
        <span id="child">
            This test has passed.
        </span>
    </span>
</body>

</html>

Resulting PDF:
bug.pdf

The text was updated successfully, but these errors were encountered:

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Absolute-positioned, inline elements don't display when they have a relative-positioned parent with overflow: hidden #2330

Absolute-positioned, inline elements don't display when they have a relative-positioned parent with overflow: hidden #2330

cosmqc commented Dec 17, 2024 •

edited

Loading

Absolute-positioned, inline elements don't display when they have a relative-positioned parent with overflow: hidden #2330

Absolute-positioned, inline elements don't display when they have a relative-positioned parent with overflow: hidden #2330

Comments

cosmqc commented Dec 17, 2024 • edited Loading

cosmqc commented Dec 17, 2024 •

edited

Loading