From ee78ee06b871e1d26ad49438d939d59828437406 Mon Sep 17 00:00:00 2001
From: zubiden <19638254+zubiden@users.noreply.github.com>
Date: Mon, 22 Dec 2025 22:53:40 +0100
Subject: [PATCH] Media: Limit HDR brightness outside Media Viewer (#6533)

---
 src/components/mediaViewer/MediaViewerContent.scss | 4 ++++
 src/components/story/StoryViewer.module.scss       | 2 ++
 src/styles/reboot.css                              | 4 ++++
 src/util/browser/windowEnvironment.ts              | 2 +-
 4 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/mediaViewer/MediaViewerContent.scss b/src/components/mediaViewer/MediaViewerContent.scss
index dea766b56..192e148eb 100644
--- a/src/components/mediaViewer/MediaViewerContent.scss
+++ b/src/components/mediaViewer/MediaViewerContent.scss
@@ -41,4 +41,8 @@
   .Spinner {
     margin: auto;
   }
+
+  img, video {
+    dynamic-range-limit: no-limit;
+  }
 }
diff --git a/src/components/story/StoryViewer.module.scss b/src/components/story/StoryViewer.module.scss
index def0750ec..64feb88f2 100644
--- a/src/components/story/StoryViewer.module.scss
+++ b/src/components/story/StoryViewer.module.scss
@@ -272,6 +272,8 @@
 
   transition: opacity 300ms;
 
+  dynamic-range-limit: no-limit;
+
   :global(body.ghost-animating) .activeSlide & {
     visibility: hidden;
   }
diff --git a/src/styles/reboot.css b/src/styles/reboot.css
index 56b21ad5d..d371bef3f 100644
--- a/src/styles/reboot.css
+++ b/src/styles/reboot.css
@@ -172,6 +172,10 @@ img {
   vertical-align: middle;
 }
 
+img, video {
+  dynamic-range-limit: standard;
+}
+
 svg:not(:root) {
   overflow: hidden;
 }
diff --git a/src/util/browser/windowEnvironment.ts b/src/util/browser/windowEnvironment.ts
index edd45cbf5..f0976d202 100644
--- a/src/util/browser/windowEnvironment.ts
+++ b/src/util/browser/windowEnvironment.ts
@@ -113,7 +113,7 @@ export const IS_OPEN_IN_NEW_TAB_SUPPORTED = !(IS_PWA && IS_MOBILE);
 export const IS_TRANSLATION_SUPPORTED = !IS_TEST;
 export const IS_TRANSLATION_DETECTOR_SUPPORTED = 'LanguageDetector' in window;
 export const IS_VIEW_TRANSITION_SUPPORTED = CSS.supports('view-transition-class: test')
-  && !IS_FIREFOX; // Fix flashing elements before removing
+  && !IS_FIREFOX; // https://bugzilla.mozilla.org/show_bug.cgi?id=1994547
 
 export const MESSAGE_LIST_SENSITIVE_AREA = 750;