第一次删除然后再次添加规则时css滚动捕捉不起作用（chrome）

我有一个带有

滚动捕捉类型的容器：y必填和具有
滚动捕捉对齐：开始的子元素。在chrome中，滚动捕捉按预期工作。
然后，我通过js删除了有关滚动捕捉类型的css规则，并在稍后将其设置回原来的状态。
之后，捕捉不起作用。
这是虫子吗？我做错什么了吗？这种行为符合规范吗？还是有解决办法

（我只在windows机器上的chrome浏览器中测试过它。）

演示：
如果同时删除并添加子元素的规则，
滚动捕捉对齐
，则该规则正常工作

我更新了你的小提琴：