Product text and image overlaps until resize browser width
Categories
(Core :: Layout, defect)
Tracking
()
People
(Reporter: alice0775, Unassigned)
Details
(Keywords: nightly-community, parity-chrome, parity-edge)
Attachments
(1 file)
|
1.14 MB,
image/png
|
Details |
screenshot: bad and good
Steps to reproduce:
- Open https://www.sanwa.co.jp/product/peripheral/speaker/index.html
- Turn on one of check-mark, so that a narrowed-down of products will be displayed
Actual results:
Text and Image overlaps.
See attached screenshot.
If the browser width is resized(narrowed by about half and then restored), it will display correctly.
Chrome works fine.
Expected results:
The narrowed-down of products should display properly without such glitches.
|
Reporter | |
Updated•2 years ago
|
|
|
Reporter | |
Comment 1•2 years ago
|
||
.fixHeightChild {
height: auto !important;
}
|
||
Comment 2•2 years ago
|
||
So the div under #result-area uses display: table. Seems like perhaps there is some sort of workaround to force layout changes as the comment indicates. Namely, .fixHeight for div.table and .fixHeightChild get added.
Problem is that after narrowing down the category, div.td has an inline style of height: 0;. As soon as the window is resized, this changes to the "correct" value.
So.. whatever triggers the workaround must not trigger on FF.
Description
•