Add "refreshless-active" class to the <html> element

Created on 9 March 2017, over 8 years ago
Updated 30 August 2025, about 2 months ago

Problem/Motivation

After clicking a link, it may take some time to reload various elements of the page. In the interim, a user has no visual feedback that any work is occurring.

Proposed resolution

Simply add a .refreshless-active class to the <html> element of the page when the loading process begins, then remove it when the process is finished.

Related

This issue is somewhat related to Add a progress bar Fixed . However, that issue proposes an actual DOM/UI change and has a much higher barrier to implementation. It also breaks the fantastic "install and forget" nature of the module. A simple class would allow any themes to implement their own implementation until something more robust/elegant is worked out (see Extensibility via Events or "hooks"/callbacks Active ).

Feature request
Status

Closed: outdated

Version

1.0

Component

Code

Created by

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.71.5 2024