[JENKINS-68934] Loading screen does not hide all UI

[jenkins-infra-bot]

Sort of a regression:

The form loading screen was recently updated to be mostly white, hiding all loading UI completely.

However, while the loading screen is shown, it's possible to scroll, and the top of the UI (top bar and a bit below it) will still show a slice of the config UI.

---

Originally reported by danielbeck, imported from: Loading screen does not hide all UI

• assignee: janfaracik
• status: Closed
• priority: Minor
• component(s): core
• label(s): regression, ux, ux-untriaged
• resolution: Fixed
• resolved: 2025-06-17T15:58:23+00:00
• votes: 0
• watchers: 4
• imported: 2025-11-24

Raw content of original issue

Sort of a regression:

The form loading screen was recently updated to be mostly white, hiding all loading UI completely.

However, while the loading screen is shown, it's possible to scroll, and the top of the UI (top bar and a bit below it) will still show a slice of the config UI.

3 attachments

• 2.359-plus-patch.png

  

• 68934.mov
• Screenshot 2022-07-05 at 13.38.42.png

  

[jenkins-infra-bot]

• Remote links associated with this issue:

  • JENKINS-68934 Small revamp to loading spinner design  #6687
  • [JENKINS-68934] Mild page loading animation cleanup #7012

[jenkins-infra-bot]

danielbeck:

• Original comment link
• Raw content of original comment:

  Attached screenshot is from the new config form PR build but I expect it's the same in general.
  

Attached screenshot is from the new config form PR build but I expect it's the same in general.

[jenkins-infra-bot]

janfaracik:

• Original comment link
• Raw content of original comment:

  Fixed in PR #6687
  
  Thanks for raising  
  

Fixed in PR #6687

Thanks for raising  

[jenkins-infra-bot]

danielbeck:

• Original comment link
• Raw content of original comment:

  This is not actually resolved as of 2.359. If I break some JS, the loading screen keeps showing and I can scroll down and see parts of the page scroll by near the top.
  

This is not actually resolved as of 2.359. If I break some JS, the loading screen keeps showing and I can scroll down and see parts of the page scroll by near the top.

[jenkins-infra-bot]

timja:

• Original comment link
• Raw content of original comment:

  danielbeck Can you please provide steps to reproduce? I haven't been able to
  

danielbeck Can you please provide steps to reproduce? I haven't been able to

[jenkins-infra-bot]

danielbeck:

• Original comment link
• Raw content of original comment:

  Works for me by commenting out 
  
    
  
      
  
        jenkins/war/src/main/webapp/scripts/hudson-behavior.js
      
      
  
           Line 1736
        in
        a2ce953
      
    
    
  
      
  
  
          
  
            
  
            
   e.classList.add("behavior-loading--hidden"); 
          
      
    
  
  .
  
  
  Looks like in the more than two years since I reported this wasn't fixed, the loading UI was changed further: now the entire page content is blurred. It can still be scrolled though, and scrolling reveals UI elements moving. Still not ideal, but much better. Attached a recording made from today's master.
  

Works for me by commenting out

jenkins/war/src/main/webapp/scripts/hudson-behavior.js

Line 1736 in a2ce953

e.classList.add("behavior-loading--hidden");

.

Looks like in the more than two years since I reported this wasn't fixed, the loading UI was changed further: now the entire page content is blurred. It can still be scrolled though, and scrolling reveals UI elements moving. Still not ideal, but much better. Attached a recording made from today's master.

[jenkins-infra-bot]

danielbeck:

• Original comment link
• Raw content of original comment:

  I bisected the improvement to the undocumented change [JENKINS-68934] Mild page loading animation cleanup #7012.
  

I bisected the improvement to the undocumented change #7012.

[jenkins-infra-bot]

timja:

• Original comment link
• Raw content of original comment:

  Can you explain how commenting out required code for the functionality results in a bug please?
  
  The visibility:collapse is removed by doing that:
  https://github.com/jenkinsci/jenkins/blob/a2ce953fcb726184584a23554528eae8de7b69e7/src/main/scss/components/_spinner.scss#L75C5-L75C15
  
  Which makes it so space is still taken up but its hidden
  

Can you explain how commenting out required code for the functionality results in a bug please?

The visibility:collapse is removed by doing that:
https://github.com/jenkinsci/jenkins/blob/a2ce953fcb726184584a23554528eae8de7b69e7/src/main/scss/components/_spinner.scss#L75C5-L75C15

Which makes it so space is still taken up but its hidden

[jenkins-infra-bot]

danielbeck:

• Original comment link
• Raw content of original comment:

  Can you explain how commenting out required code for the functionality results in a bug please?
  Because it's far easier to do that than to figure out how to set up an instance that is slow to respond with lots of content on a config page load.
  
  Can you explain how commenting this out to artificially increase how long the "Loading" screen is shown invalidates the report?
  

Can you explain how commenting out required code for the functionality results in a bug please?

Because it's far easier to do that than to figure out how to set up an instance that is slow to respond with lots of content on a config page load.

Can you explain how commenting this out to artificially increase how long the "Loading" screen is shown invalidates the report?

[jenkins-infra-bot]

janfaracik:

• Original comment link
• Raw content of original comment:

  Should be fixed by [JENKINS-68934] Replace 'Loading' overlay with skeleton outline on Manage Jenkins pages #10565
  

Should be fixed by #10565

[jenkins-infra-bot]

markewaite:

• Original comment link
• Raw content of original comment:

  The "Execute shell" editor field on a freestyle job does not show the text contents of the field on macOS (Safari?) and on Google Chrome 137.0.7151.104 on Windows.
  

The "Execute shell" editor field on a freestyle job does not show the text contents of the field on macOS (Safari?) and on Google Chrome 137.0.7151.104 on Windows.