# UI doesn't update when builds start/end/fail - require full page reload

**URL:** <https://discuss.circleci.com/t/ui-doesnt-update-when-builds-start-end-fail-require-full-page-reload/29367>\
**Category:** Bug Reports\
**Tags:** ui\
**Created:** [March 28, 2019, 7:35pm UTC](https://discuss.circleci.com/t/ui-doesnt-update-when-builds-start-end-fail-require-full-page-reload/29367 "2019-03-28T19:35:32Z")\
**Posts on this page:** 13\
**Page:** 2

<div class="post-metadata">

**Author:** ![bfelbo](https://sea2.discourse-cdn.com/circleci/user_avatar/discuss.circleci.com/bfelbo/32/24517_2.png) [@bfelbo](https://discuss.circleci.com/u/bfelbo)\
**Post date:** [May 11, 2019, 12:41am UTC](https://discuss.circleci.com/t/ui-doesnt-update-when-builds-start-end-fail-require-full-page-reload/29367/22 "2019-05-11T00:41:11Z")

</div>

We’ve been using [nativefier](https://github.com/jiahaog/nativefier) with CircleCI for a while, and it’s great. Luckily, nativefier also makes it easy to fix this issue locally.

You make a local JS script called `reloadPageInactivity.js` with the following (based on [StackOverflow](https://stackoverflow.com/a/15279599/1452257)):

```auto
var refresh_rate = 30; //<-- In seconds, change to your needs
var last_user_action = 0;
var has_focus = false;
var lost_focus_count = 0;
var focus_margin = 10; // If we lose focus more then the margin we want to refresh

function reset() {
    last_user_action = 0;
    console.log("Reset");
}

function windowHasFocus() {
    has_focus = true;
}

function windowLostFocus() {
    has_focus = false;
    lost_focus_count++;
    console.log(lost_focus_count + " <~ Lost Focus");
}

setInterval(function () {
    last_user_action++;
    refreshCheck();
}, 1000);

function refreshCheck() {
    var focus = window.onfocus;
    if ((last_user_action >= refresh_rate && !has_focus && document.readyState == "complete") || lost_focus_count > focus_margin) {
        window.location.reload(); // If this is called no reset is needed
        reset(); // We want to reset just to make sure the location reload is not called.
    }

}
window.addEventListener("focus", windowHasFocus, false);
window.addEventListener("blur", windowLostFocus, false);
window.addEventListener("click", reset, false);
window.addEventListener("mousemove", reset, false);
window.addEventListener("keypress", reset, false);
window.addEventListener("scroll", reset, false);
document.addEventListener("touchMove", reset, false);
document.addEventListener("touchEnd", reset, false);

```

Then you run nativefier:

```auto
nativefier https://circleci.com/gh/RuneAI --internal-urls "(.*?)(github\.com|circleci\.com)(.*?)" --name "CircleCI" --inject reloadPageInactivity.js

```

Voila! You now have a local CircleCI app that refreshes after 30 sec of inactivity. Hope that’s useful to anyone.

---

<div class="post-metadata">

**Author:** ![halfer](https://sea2.discourse-cdn.com/circleci/user_avatar/discuss.circleci.com/halfer/32/9083_2.png) [@halfer](https://discuss.circleci.com/u/halfer)\
**Post date:** [May 11, 2019, 10:29am UTC](https://discuss.circleci.com/t/ui-doesnt-update-when-builds-start-end-fail-require-full-page-reload/29367/23 "2019-05-11T10:29:37Z")

</div>

> [@bfelbo](#):
>
> Luckily, nativefier also makes it easy to fix this issue locally.

Good work! 🏆

---

<div class="post-metadata">

**Author:** ![davidvasandani](https://avatars.discourse-cdn.com/v4/letter/d/8dc957/32.png) [@davidvasandani](https://discuss.circleci.com/u/davidvasandani)\
**Post date:** [May 15, 2019, 8:08pm UTC](https://discuss.circleci.com/t/ui-doesnt-update-when-builds-start-end-fail-require-full-page-reload/29367/24 "2019-05-15T20:08:53Z")

</div>

@drazisil Any update on the redesign? Dashboards outright don’t work if they don’t automatically refresh.

---

<div class="post-metadata">

**Author:** ![drazisil](https://sea2.discourse-cdn.com/circleci/user_avatar/discuss.circleci.com/drazisil/32/24029_2.png) [@drazisil](https://discuss.circleci.com/u/drazisil)\
**Post date:** [May 16, 2019, 12:30pm UTC](https://discuss.circleci.com/t/ui-doesnt-update-when-builds-start-end-fail-require-full-page-reload/29367/25 "2019-05-16T12:30:32Z")

</div>

Sorry for the silence, I was on vacation, but I see it’s been escalated while I was away)

I understand the frustration, and I may have mispoke when I said that the team was waiting on the new UI. The team responsible for this will be looking at it soon (still in nextup), and we will hopefully have an update/fix shortly, but I do not want to put a timeline in another team’s mouth as we still don’t know what’s causing this.

---

<div class="post-metadata">

**Author:** ![drazisil](https://sea2.discourse-cdn.com/circleci/user_avatar/discuss.circleci.com/drazisil/32/24029_2.png) [@drazisil](https://discuss.circleci.com/u/drazisil)\
**Post date:** [May 16, 2019, 2:04pm UTC](https://discuss.circleci.com/t/ui-doesnt-update-when-builds-start-end-fail-require-full-page-reload/29367/26 "2019-05-16T14:04:01Z")

</div>

Hi Folks!

I’m told this should be fixed, can you please confirm?

---

<div class="post-metadata">

**Author:** ![tompesman](https://sea2.discourse-cdn.com/circleci/user_avatar/discuss.circleci.com/tompesman/32/15660_2.png) [@tompesman](https://discuss.circleci.com/u/tompesman)\
**Post date:** [May 16, 2019, 2:34pm UTC](https://discuss.circleci.com/t/ui-doesnt-update-when-builds-start-end-fail-require-full-page-reload/29367/28 "2019-05-16T14:34:18Z")

</div>

Yes! It works as expected! Thank you!

---

<div class="post-metadata">

**Author:** ![adamboundless](https://sea2.discourse-cdn.com/circleci/user_avatar/discuss.circleci.com/adamboundless/32/22190_2.png) [@adamboundless](https://discuss.circleci.com/u/adamboundless)\
**Post date:** [May 16, 2019, 3:37pm UTC](https://discuss.circleci.com/t/ui-doesnt-update-when-builds-start-end-fail-require-full-page-reload/29367/29 "2019-05-16T15:37:13Z")

</div>

This appears to be automatically updating individual jobs for me when I’m viewing a workflow run instance, but the main workflow dashboard with all the branches and list of all workflow runs still isn’t updating automatically.

---

<div class="post-metadata">

**Author:** ![drazisil](https://sea2.discourse-cdn.com/circleci/user_avatar/discuss.circleci.com/drazisil/32/24029_2.png) [@drazisil](https://discuss.circleci.com/u/drazisil)\
**Post date:** [May 16, 2019, 4:20pm UTC](https://discuss.circleci.com/t/ui-doesnt-update-when-builds-start-end-fail-require-full-page-reload/29367/30 "2019-05-16T16:20:14Z")

</div>

Hi Adam,

Can you try clearing your cache and [open a ticket if this persists](https://support.circleci.com/hc/en-us/requests/new)? I think this is a separate issue.

---

<div class="post-metadata">

**Author:** ![adamboundless](https://sea2.discourse-cdn.com/circleci/user_avatar/discuss.circleci.com/adamboundless/32/22190_2.png) [@adamboundless](https://discuss.circleci.com/u/adamboundless)\
**Post date:** [May 16, 2019, 4:37pm UTC](https://discuss.circleci.com/t/ui-doesnt-update-when-builds-start-end-fail-require-full-page-reload/29367/31 "2019-05-16T16:37:03Z")

</div>

I tried clearing my entire cache, and it’s still persisting. Isn’t _this_ issue directly related to what I described above (UI not automatically updating)? A build started, it completed a while ago, with that branch selected the UI still says it’s running, and that latest build never appeared in the left hand sidebar.

---

<div class="post-metadata">

**Author:** ![drazisil](https://sea2.discourse-cdn.com/circleci/user_avatar/discuss.circleci.com/drazisil/32/24029_2.png) [@drazisil](https://discuss.circleci.com/u/drazisil)\
**Post date:** [May 16, 2019, 4:43pm UTC](https://discuss.circleci.com/t/ui-doesnt-update-when-builds-start-end-fail-require-full-page-reload/29367/32 "2019-05-16T16:43:29Z")

</div>

This issue was related to the job details not updating. The dashboard uses different technology and thus would be a separate issue.

It looks like two issues did get mixed in this thread though. Let me dig deeper.

---

<div class="post-metadata">

**Author:** ![ozzyaaron](https://sea2.discourse-cdn.com/circleci/user_avatar/discuss.circleci.com/ozzyaaron/32/2738_2.png) [@ozzyaaron](https://discuss.circleci.com/u/ozzyaaron)\
**Post date:** [May 17, 2019, 2:41pm UTC](https://discuss.circleci.com/t/ui-doesnt-update-when-builds-start-end-fail-require-full-page-reload/29367/33 "2019-05-17T14:41:38Z")

</div>

Thanks again fellow workers! Working for me ✊

---

<div class="post-metadata">

**Author:** ![sgomez17](https://sea2.discourse-cdn.com/circleci/user_avatar/discuss.circleci.com/sgomez17/32/22359_2.png) [@sgomez17](https://discuss.circleci.com/u/sgomez17)\
**Post date:** [May 20, 2019, 2:49am UTC](https://discuss.circleci.com/t/ui-doesnt-update-when-builds-start-end-fail-require-full-page-reload/29367/34 "2019-05-20T02:49:21Z")

</div>

I can confirm that after about 6 weeks this is finally working for me again and the UI is updating when new jobs start/complete. Thanks!

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/circleci/original/3X/5/1/511608acda8e85906e15909b57bd0a46c1dbe291.png) [@system](https://discuss.circleci.com/u/system)\
**Post date:** [May 30, 2019, 2:49am UTC](https://discuss.circleci.com/t/ui-doesnt-update-when-builds-start-end-fail-require-full-page-reload/29367/35 "2019-05-30T02:49:22Z")

</div>

Closed on May 30, 2019, 2:49am UTC

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.

[Previous page](https://discuss.circleci.com/t/ui-doesnt-update-when-builds-start-end-fail-require-full-page-reload/29367.md?page=1)