Bug 223042 – REGRESSION: unstyled progress elements don't render when view is not frontmost window

• Status: RESOLVED
• Resolution: CONFIGURATION CHANGED
• Component: Forms

[Christopher Grande]

Created attachment 422864 [details]
Nova Progress Bar demo

An unstyled progress element, both determinate and indeterminate, for example:

    <progress value="30" max="100"></progress>

When the window displaying the unstyled progress element is no longer active the progress bar vanishes completely. 

If the progress bar is styled for example:

    progress[value] {
      -webkit-appearance: none;
       appearance: none;

      width: 250px;
      height: 20px;
    } 

The styled progress bar will continue to be correctly rendered when the window is no longer active.

---

This is a regression from <10.15 where the progress bar would correctly render and in the correct unfocused aqua state.

This occurs in Safari/Safari Tech Preview, and WebViews embedded within applications. 

Attached is a screen recording of Nova, where the window is moved in and out of focus with a both styled and unstyled progress element.

[Aditya Keerthi]

Created attachment 422874 [details]
Progress Bar working

[Aditya Keerthi]

Thanks for the report.

I'm unable to reproduce with system Safari on the 11.3 beta, and with Safari Technology Preview 121 on macOS 10.15.7 (both Intel Macs).

I've attached a screen recording of what I'm seeing with the following test:

data:text/html,<progress value="30" max="100"></progress>

Can you share your specific OS version and hardware information?

[Christopher Grande]

Version 14.0.3 (16610.4.3.1.7) and
Release 121 (Safari 14.2, WebKit 16612.1.4.3)
on macOS 11.2.3 the progress bar disappears. 

both running on an iMac Pro and 2014 27" iMac

All versions of 10.15 work correctly, testing on 2019 iMacs.

I'll update one of my 11.2.3 Macs to the 11.3 beta to test and get back to you.

[Christopher Grande]

Hi Aditya —

I can confirm after updating from 11.2.3 to 11.3 beta 3 I'm unable to reproduce the issue.

Thank you!

[Aditya Keerthi]

Thank you for verifying!