Bug 254847 - AX: Safari - Dark Mode, Smart Invert Colors Active
Summary: AX: Safari - Dark Mode, Smart Invert Colors Active
Status: RESOLVED WONTFIX
Alias: None
Product: WebKit
Classification: Unclassified
Component: Images (show other bugs)
Version: Safari 16
Hardware: iPhone / iPad iOS 16
: P2 Critical
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2023-03-31 15:13 PDT by m_spinneberg
Modified: 2023-03-31 18:28 PDT (History)
3 users (show)

See Also:

Attachments
Dark Mode with Smart Invert on iPhone - Inline Style of Invert 100 inserted (2.65 MB, image/png)
2023-03-31 15:13 PDT, m_spinneberg 		no flags Details
Dark Mode inactive, Smart Invert Active, CSS Invert Filter Disabled, Expected (972.86 KB, image/jpeg)
2023-03-31 15:19 PDT, m_spinneberg 		no flags Details
HTML, Dark Mode and Smart Invert Active, Inline Style inserted (1.47 MB, image/png)
2023-03-31 15:24 PDT, m_spinneberg 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description m_spinneberg 2023-03-31 15:13:44 PDT 
Created attachment 465717 [details]
Dark Mode with Smart Invert on iPhone - Inline Style of Invert 100 inserted

Summary: 

Viewing the Apple Accessories Landing Page on Mobile Safari, Dark Mode and Smart Invert Colors active. 

When the Invert Colors Filter is disabled in CSS, there is an inline Style inserted for the image, creating a triple invert scenario and the text overlayed  on the image is presented with insufficient contrast. 

Inline Style: 
style="filter: invert(100%);"

URL: 
https://www.apple.com/shop/accessories/all

Steps: 
1. on iPhone, visit URL
2. Activate Smart Invert Colors
3. Notice the image is displayed in X-Ray mode (Classic Invert) which is intentional
4. Activate Dark Mode, refresh the page
5. Notice the image is displayed as the original color, no Classic Inver/X-ray
6. Notice the HTML shows an inline style of Invert 100%
Comment 1 m_spinneberg 2023-03-31 15:19:22 PDT 
Created attachment 465718 [details]
Dark Mode inactive, Smart Invert Active, CSS Invert Filter Disabled, Expected
Comment 2 m_spinneberg 2023-03-31 15:24:47 PDT 
Created attachment 465719 [details]
HTML, Dark Mode and Smart Invert Active, Inline Style inserted
Comment 3 James Craig 2023-03-31 18:27:56 PDT 
AOS bug, not WebKit
Comment 4 Radar WebKit Bug Importer 2023-03-31 18:28:55 PDT 
<rdar://problem/107496470>