-
Notifications
You must be signed in to change notification settings - Fork 4.8k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Text from some nested html elements is not visible when background-color is specified #2739
Comments
Yea running into this same issue. I can share a CodeSandbox that repros the issue, but @bangiev 's jsfiddle repros the issue sufficiently. It appears to be an issue with "inline" elements actually have a width that is equal to the width of the container. So when trying to paint the canvas it sees a full-width element with a background color and literally paints that on top of the other elements ( My work around for now is to strip out any background color, but I'm sure someone out there might not be okay with that work around |
any update on this? Having same problem using jsPDF |
…-box-sizes niklasvh#2739 inline element box sizes
…-box-sizes niklasvh#2739 inline element box sizes
Bug reports:
Some part of the html text content is not visible when there are several nested html elements and they have background-color styling. Removing the background-color styling is a workaround which leads to the text being rendered as expected, however this makes it impossible to apply a different background-color styling in these cases.
Since the issue is a bit difficult to reproduce, I have put up a jsfiddle example that displays the original html content followed by the generated canvas content below it:
https://jsfiddle.net/bangiev/jw75ym3u/
Specifications:
The text was updated successfully, but these errors were encountered: