From 7f527ddde3204bebb4e1b39ef15525d385641730 Mon Sep 17 00:00:00 2001
From: Aliaksandr Kalenik <kalenik.aliaksandr@gmail.com>
Date: Thu, 3 Nov 2022 06:30:35 +0300
Subject: [PATCH] LibWeb: Support device-height and device-width media query
 values

---
 Userland/Libraries/LibWeb/HTML/Window.cpp | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/Userland/Libraries/LibWeb/HTML/Window.cpp b/Userland/Libraries/LibWeb/HTML/Window.cpp
index fecaf974e1..a30131472b 100644
--- a/Userland/Libraries/LibWeb/HTML/Window.cpp
+++ b/Userland/Libraries/LibWeb/HTML/Window.cpp
@@ -367,8 +367,16 @@ Optional<CSS::MediaFeatureValue> Window::query_media_feature(CSS::MediaFeatureID
     case CSS::MediaFeatureID::ColorIndex:
         return CSS::MediaFeatureValue(0);
     // FIXME: device-aspect-ratio
-    // FIXME: device-height
-    // FIXME: device-width
+    case CSS::MediaFeatureID::DeviceHeight:
+        if (auto* page = this->page()) {
+            return CSS::MediaFeatureValue(CSS::Length::make_px(page->screen_rect().height()));
+        }
+        return CSS::MediaFeatureValue(0);
+    case CSS::MediaFeatureID::DeviceWidth:
+        if (auto* page = this->page()) {
+            return CSS::MediaFeatureValue(CSS::Length::make_px(page->screen_rect().width()));
+        }
+        return CSS::MediaFeatureValue(0);
     case CSS::MediaFeatureID::DisplayMode:
         // FIXME: Detect if window is fullscreen
         return CSS::MediaFeatureValue(CSS::ValueID::Browser);