小编S. *_*sta的帖子

如何在 Chrome 中使用 CSS Grid 制作动画？这是一个简单的样式，使用，它会在元素具有类时Grid更改。它可以在 Firefox 中运行。但是……在 Chrome 中却没有。有可能吗？grid-template-columnsactive

#app {
  width: 100%;
  min-height: 100vh;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 90px auto;
  grid-template-rows: 60px auto;
  grid-template-areas: "header header" "menu contenido";
  transition: all .3s ease;
}
#app.active {
    grid-template-columns: 200px auto;
  }

这里是 onclick 事件。

#app {
  width: 100%;
  min-height: 100vh;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 90px auto;
  grid-template-rows: 60px auto;
  grid-template-areas: "header header" "menu contenido";
  transition: all .3s ease;
}
#app.active {
    grid-template-columns: …

document.querySelector('#library').addEventListener('click', function(event) {

  new Promise((resolve => {
    setTimeout(() => {
      resolve('set time out');
    }, 2000)
  })).then(console.log)

  // if response
  console.log('stop propagation')
  event.stopPropagation();
  event.preventDefault();
  // else
}, true)

我需要单击一个元素。这将发出请求并根据响应（将返回true或false），这将启用或禁用点击。而是console.log('stop propagation')在之前执行的.then(console.log)。