Loading spinner not appearing

I've noticed that the loading indicator, which used to appear on the component when fetching data, is no longer visible. In the App settings, the 'Show loading state' option remains checked as before. I can't seem to figure out what's gone wrong. Does anyone know why this might be happening or how to resolve this issue?

Screenshot_131

I am experiencing the same issue, up vote!

We are also experiencing this issue and have also verified that the enable loading state is checked. It was originally working fine and it stopped working a couple of weeks ago.

I've found a workaround for this.

To address this issue, I wrote custom CSS code as follows:

@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
.retool-grid .fetching-mask.fetching {
  background-color: rgba(245, 250, 255, 0.65);
}
.retool-grid .fetching-mask.fetching:before {
  content: " ";
  display: inline-block;
  border: 3px solid rgba(46,74,155,.2);
  border-radius: 50%;
  width: 32px;
  height: 32px;
  border-top-color: rgba(46, 74, 155, .6);
  z-index: 999;
  font-weight: bold;
  color: #646464;
  animation: spin 1s ease-in-out infinite;
}

I hope this helps and hope it gets fixed soon.

2 Likes

Nice workaround @jaey . Thank you for sharing!

1 Like

Hey @jaey, thanks for flagging this! I hope the workaround provided in this thread is working for you, but I wanted to also let you know that I've raised this with our engineering team. We'll let you know when this is fixed!