Inccorect height calculation when removing children of a parent with max-height and overflow-y:auto

Not reproducible Issue #14772994


Nov 21, 2017
This issue is public.
Found in
  • Microsoft Edge
Found in build #
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

To reproduce:
Use the provided file.
Click the button to remove the children of the parent container. Don’t touch the scrollbar before pushing the button.
The computed height of the parent container is 10737418.23 and doesnt respect the max-height value.

Description of the issue:

  • The parent container have an overflow-y:auto, a max-height of <N>px and a width of <M>px.
  • The parent have enough children to make a scrollbar appear.
  • Deleting the child nodes with innerHTML="" cause the parent height to be miscalculated to 10737418.23.

We have a similar issue with Edge/IE11 in production, but we are not able to reproduce it in a simpler html file for IE11.


Comments and activity

  • Microsoft Edge Team

    Changed Assigned To to “James M.”

  • Hello,

    Thank you for providing this information about the issue. After thorough testing, we are unable to reproduce this problem in Edge. Please test this behavior in our latest public stable build 15063 or the creator build 16299.

    Best Wishes,
    The MS Edge Team

  • I reproduce the bug in the creator build 16299. Could you try again with the following steps ? Hit F5, don’t touch anything except the “click me” button (no browser resize, etc.).

    If it still doesnt work for you, I will try to make a more robust test case to reproduce the bug.

    Thank you.

  • Hello,

    Thank you for providing more information about the issue. When I click the button, the height is 0px. Please provide more detail about how you see the calculated height; a screenshot might necessary.

    Best Wishes,
    The MS Edge Team

  • Added screenshot 2017-11-28_11-09-57.png
    I will try to get some times to build another demo of the issue.

  • Hello,

    Thank you for providing this information about the issue. Please try disabling all browser extensions and restarting Edge to see if this fixes the problem.

    Best Wishes,
    The MS Edge Team

  • Microsoft Edge Team

    Changed Status to “Not reproducible”

You need to sign in to your Microsoft account to add a comment.

Sign in