New issue
Advanced search Search tips

Issue 707568 link

Starred by 3 users
Status: Duplicate
Merged: issue 784059
Owner:
cbiesin...@chromium.org
Closed: Sep 27
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows , Mac
Pri: 2
Type: Compat



Sign in to add a comment

height 100% doesn't work on child of a flex item

Reported by murzin...@phystech.edu, Apr 2 2017 
UserAgent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/57.0.2987.133 Safari/537.36

Steps to reproduce the problem:
1. Open url http://codepen.io/dima74/pen/xqMXdr
2. There are three divs: flex_container, flex_item and flex_item_inner
3. flex_container has "display:flex"
4. flex_item has "flex-grow:1"
5. flex_item_inner has "height:100%"

Also
6. flex_item has "background:red"
7. flex_item_inner has "background:cyan"

What is the expected behavior?
flex_item_inner should take 100% height of flex_item, so NO red color should be visible

What went wrong?
flex_item_inner doesn't take 100% height of flex_item, so red color visible

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 57.0.2987.133  Channel: stable
OS Version: ArchLinux latest
Flash Version: Shockwave Flash 25.0 r0

All works as expected in Firefox.
Thanks if answer something!
bug.html
597 bytes View Download
Chrome BUG.png
107 KB View Download
Firefox OK.png
115 KB View Download

Comment 1 by brajkumar@chromium.org, Apr 3 2017

Labels: M-59 OS-Mac OS-Windows
Status: Untriaged (was: Unconfirmed)
Able to reproduce this issue on Windows-10, Ubuntu 14.04 and Mac OS 10.12 using chrome latest stable #57.0.2987.133 by following steps mentioned in the original comment.

This issue is observed on older version of chrome #35.0.1849.0 as well, Hence marking it as untriaged.

Thanks!

Comment 2 by e...@chromium.org, Apr 3 2017

Components: -Blink>Layout Blink>Layout>Flexbox
Owner: cbiesin...@chromium.org
Status: Assigned (was: Untriaged)

Comment 3 by e...@chromium.org, Apr 3 2017

Labels: -Type-Bug Type-Compat

Comment 4 by cbiesin...@chromium.org, Sep 27

Mergedinto: 596743
Status: Duplicate (was: Assigned)

Comment 5 by cbiesin...@chromium.org, Sep 27

Mergedinto: -596743 784059
Sorry, wrong bug
►

Sign in to add a comment