Stirling-PDF icon indicating copy to clipboard operation
Stirling-PDF copied to clipboard
verified publisher icon Stirling-Tools

[Bug]: canvas has broken out of the layout.

Open Ludy87 opened this issue 1 year ago • 2 comments

Installation Method

None

The Problem

image

Unfortunately my CSS knowledge fails here and must be fixed by someone else. 😄

Version of Stirling-PDF

0.32.x

Last Working Version of Stirling-PDF

No response

Page Where the Problem Occurred

No response

Docker Configuration

No response

Relevant Log Output

No response

Additional Information

No response

Browsers Affected

Firefox, Chrome

No Duplicate of the Issue

  • [X] I have verified that there are no existing issues raised related to my problem.

Ludy87 avatar Nov 10 '24 13:11 Ludy87

The issue with the canvas breaking out of the layout in Stirling-PDF version 0.32.x might be related to the CSS styles applied to the canvas element. The add-image.css file is responsible for the layout of the canvas, and it includes styles such as box-shadow and width: 100% for the #pdf-canvas element [1].

To address the problem, you might want to check the following:

  1. Container Width: Ensure that the parent container of the canvas has a defined width. If the container's width is not set, the canvas might expand beyond the intended layout.

  2. CSS Conflicts: Look for any conflicting CSS rules that might be affecting the canvas layout. This could include global styles or other CSS files that override the add-image.css.

  3. HTML Structure: Verify the HTML structure surrounding the canvas. The canvas is typically positioned absolutely within a <div> with position: relative; display: inline-block;, which helps manage its layout [2].

  4. Browser-Specific Issues: Since the issue occurs in both Firefox and Chrome, it might not be browser-specific, but testing in different browsers can help identify if any browser-specific CSS rules are needed.

By examining these areas, you might be able to identify and fix the issue with the canvas layout.

To continue talking to Dosu, mention @dosu.

dosubot[bot] avatar Nov 10 '24 13:11 dosubot[bot]

I'll check it.

DimK10 avatar Nov 10 '24 15:11 DimK10

@DimK10 it also affects pdf-to-csv

Ludy87 avatar Nov 13 '24 08:11 Ludy87

@Ludy87 I don't have the ability to check right now, do you mean the relevant page? If so, I'll make the necessary fixes in the afternoon

DimK10 avatar Nov 13 '24 08:11 DimK10