1664647 - CSS bug: grid & min-width causing iframes to shrink

Status: RESOLVED DUPLICATE of bug 1656081

(Core :: Layout: Grid, defect)

Description

[eliezerberlin]

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/85.0.4183.102 Safari/537.36

Steps to reproduce:

HTML:
<div class="wrapper">
<iframe src="https://www.youtube.com/embed/VAgRVO15GTc"></iframe>
</div>

CSS:
.wrapper{
max-width:100px;
display:grid;
}
iframe{
min-width: 0px;
}

Actual results:

When you have a iframe inside a display:grid, adding "min-width:0;" or min-height:0; to a iframe element causes the element to shrink down to the width of the grid, instead of maintaining its default size.

Expected results:

Adding min-width:0; to an iframe element shouldn't cause it to shrink when inside a grid. (Check how Chrome renders this element.)

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

Bugbug thinks this bug should belong to this component, but please revert this change in case of error.

Comment 2

[Emilio Cobos Álvarez (:emilio)]

Attachment: test-case from reporter.

Comment 3

[Emilio Cobos Álvarez (:emilio)]

This was fixed in bug 1656081. Thanks for the report though!