刷新后，活动选择器不起作用

Question

我有一个react pwa应用程序，其中具有：active选择器的div在按下时会稍微改变其颜色。它运行良好，但是在刷新页面后：活动选择器似乎停止工作，直到重新启动应用程序为止。该错误仅出现在Safari浏览器中，Chrome可以完美运行。

<div className="groups-button" onClick={e => this.update()}>
    <i className="material-icons">update</i>
    <p>Обновить расписание</p>
</div>

update = () => {
    let group = localStorage.getItem("group") || "951007";
    localStorage.clear();
    localStorage.setItem("group", group);
    window.location.reload();
};

.groups-button {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 10px;
    color: white;
    font-size: 1.5rem;
    transition: 0.05s background;
}

.groups-button:active {
    background: rgba(255, 255, 255, 0.15);
}