Edge stops working when I use both grid layout and animation(bug)

Fixed Issue #15203662

Details

Author
Z.
Created
Dec 23, 2017
Privacy
This issue is public.
Found in
  • Microsoft Edge
Found in build #
16.16299
Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

I reproduced this bug https://jsfiddle.net/tubggmdw/
You can visit this site, you can also try the following code

<style>
    .container {
        display: grid;
        grid-template-columns: 100px;
    }

    .item {
        background-color: red;
        width: 100%;
        height: 100px;
        transition: width 1s;
    }
</style>
<div class="container">
    <div class="item" id="item"></div>
</div>
<script>
    item.onclick = function () {
        this.style.width = '100px';
    }
</script>

Attachments

1 attachment

Comments and activity

  • Microsoft Edge Team

    Changed Assigned To to “Steven K.”

  • Hi,

    I was able to repro this issue in 16299.125.  I was not able to repro this in our latest dev builds.  I will mark this issue as "fixed".

    Appreciate the submission,

    The MS Edge Team

  • Microsoft Edge Team

    Changed Status to “Fixed”

  • Also, I was curious if you meant to change the width of the grid item when it was clicked?  It appears the current version you submitted is setting the same width before and after the click event.  The issue was reproduced with your code/version as submitted.  I created a fork of yours:

    https://jsfiddle.net/edgetester/wk8tyxny/

    Not a big deal of course, but just curious and thought I would ask.

    Steve

  • Haha, this is just a coincidence

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

Sign in