From 42be1fbde5a213df330531a5a23c78b707b631d3 Mon Sep 17 00:00:00 2001
From: Matyas Forian-Szabo <matyas.szabo@instructure.com>
Date: Wed, 28 Jan 2026 17:35:24 +0100
Subject: [PATCH] feat(ui-view): allow to set View's display prop to contents,
 inherit, initial, revert, revert-layer, unset

to test:
set these values and check in devtools, that they are set properly

INSTUI-4897
---
 packages/ui-view/src/View/props.ts  |  7 +++++++
 packages/ui-view/src/View/styles.ts | 24 ++++++++++++++++++++++++
 2 files changed, 31 insertions(+)

diff --git a/packages/ui-view/src/View/props.ts b/packages/ui-view/src/View/props.ts
index 98094482f0..5dc916ab4b 100644
--- a/packages/ui-view/src/View/props.ts
+++ b/packages/ui-view/src/View/props.ts
@@ -72,6 +72,13 @@ type ViewOwnProps = {
     | 'inline-block'
     | 'flex'
     | 'inline-flex'
+    | 'contents'
+    // these are global CSS values
+    | 'inherit' // inherit the parent's display value
+    | 'initial' // reset the property back to the spec default
+    | 'revert' // reset to user agent stylesheet
+    | 'revert-layer'
+    | 'unset' // same as initial
   overflowX?: 'auto' | 'hidden' | 'visible'
   overflowY?: 'auto' | 'hidden' | 'visible'
   height?: string | number
diff --git a/packages/ui-view/src/View/styles.ts b/packages/ui-view/src/View/styles.ts
index 9aa3208348..51250960f0 100644
--- a/packages/ui-view/src/View/styles.ts
+++ b/packages/ui-view/src/View/styles.ts
@@ -304,6 +304,30 @@ const generateStyle = (
       display: 'inline-flex',
       verticalAlign: 'middle'
     },
+    contents: {
+      label: 'view--contents',
+      display: 'contents'
+    },
+    inherit: {
+      label: 'view--inherit',
+      display: 'inherit'
+    },
+    initial: {
+      label: 'view--initial',
+      display: 'initial'
+    },
+    revert: {
+      label: 'view--revert',
+      display: 'revert'
+    },
+    'revert-layer': {
+      label: 'view--revertLayer',
+      display: 'revert-layer'
+    },
+    unset: {
+      label: 'view--unset',
+      display: 'unset'
+    },
     auto: {}
   }