Logo in RoboHelp Topic has height of zero pixels
Categories
(Core :: CSS Parsing and Computation, defect)
Tracking
()
People
(Reporter: alexander.maas, Unassigned)
Details
Attachments
(1 file)
|
118.66 KB,
application/x-zip-compressed
|
Details |
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:121.0) Gecko/20100101 Firefox/121.0
Steps to reproduce:
When you publish a RoboHelp Project to HTML5, the generated topic files have a header with a logo and title.
The header is a <div> with a specific height.
The logo's height is calculated via css property height: calc(100% - 0.5rem).
Actual results:
Firefox calculates a height of 0px, while
Chromium calculates the expected height.
Expected results:
Logo must be visible (height = 100% - 0.5rem = 48px - 8px = 40px)
|
||
Comment 1•2 years ago
|
||
The Bugbug bot thinks this bug should belong to the 'Core::CSS Parsing and Computation' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.
|
||
Comment 2•2 years ago
|
||
Further reduced example:
<!DOCTYPE html>
<div style="display: table; height: 50px;">
<div style="background:red; width: 50px; height: 100%"></div>
</div>
This displays a red square in Chrome and Safari, but nothing in Firefox.
Interestingly, removing the <!DOCTYPE> line so that it runs in quirks mode makes the square appear in Firefox as well.
Modifying the example to use actual table elements rather than table display-types on generic <div>s also seems to avoid the issue.
Description
•