New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 801737 link

Starred by 1 user

Issue metadata

Status: WontFix
Owner: ----
Closed: Feb 2018
Cc:
Components:
EstimatedDays: ----
NextAction: 2018-02-28
OS: Windows
Pri: 2
Type: Bug



Sign in to add a comment

ResizeObserver() returns invalid "width", "height" dimension

Reported by exodu...@gmail.com, Jan 13 2018

Issue description

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

Steps to reproduce the problem:
1. Add new HTML:
 <div class="container"></div>
2. Add CSS (make resizable)
  .container{
    resize: vertical;
    max-height 200px:
    width: 100px;
    height: 100px;
  }
3. Add ResizeObserver to <div>
  let resizeTimer;
  let wrapperResize = new ResizeObserver(entries => {
    for (let entry of entries) {
      clearTimeout(resizeTimer);

      resizeTimer = setTimeout(function() {
        console.log('h: ' + entry.target.style.height)
      }, 500);
    }
  });

What is the expected behavior?
The current 'height' is logged to console in a 500ms interval.
The max height is limited to 200px (by CSS). The logged height should NEVER be > 200px

What went wrong?
When a user resizes the height of the <div> very fast, the logged height of the elemnt is > 200px (e.g. 212px, 204px,..)
The browser rendering works as expected. The max height of 200px is respected.

Did this work before? No 

Chrome version: 63.0.3239.132  Channel: stable
OS Version: 10.0
Flash Version:
 
Cc: krajshree@chromium.org
Components: Blink>CSS
Labels: Needs-Feedback Triaged-ET Needs-Triage-M63
Reporter@ - Thanks for filing the issue...!!

Could you please provide a sample test file to test the issue from TE-end.
This will help us in triaging the issue further.

Thanks...!!

Comment 2 by e...@chromium.org, Feb 4 2018

Cc: atotic@chromium.org
NextAction: 2018-02-28

Comment 3 by atotic@chromium.org, Feb 10 2018

Status: WontFix (was: Unconfirmed)
You are logging "entry.target.style.height", not entry.contentRect.height.
The NextAction date has arrived: 2018-02-28

Sign in to add a comment