servoshell: Make fn request_resize resize window w.r.t. outer_size accurately (#37848)

`toolbar_height` is already part of `inner_size`, caused wrongly
calculated `outer_size`. Even worse, it tried to `request_inner_size`
with the already wrong `outer_size`.

This PR make sure resize is accurate by first calculate the title/border
height, and then compute the `inner_size` for `request_inner_size`. This
is necessary because no direct `request_outer_size` is available.

Testing: As manually tested, set window size WebDriver command no longer
overshoot. This is also shared by
[window.resizeTo](https://drafts.csswg.org/cssom-view/#dom-window-resizeto)
JS method. WPT test would be necessary. (But that one is intermittent
TIMEOUT. So created new one in
https://github.com/servo/servo/pull/37856)
 
WebDriver test will be postponed after
https://github.com/web-platform-tests/wpt/pull/53421 is merged and
synced to Servo.

Fixes: Task 3 of https://github.com/servo/servo/issues/37804

---------

Signed-off-by: Euclid Ye <yezhizhenjiakang@gmail.com>

ports/servoshell/desktop/app_state.rs

@@ -444,11 +444,11 @@ impl WebViewDelegate for RunningAppState {
         self.inner().window.set_position(new_position);
     }
 
-    fn request_resize_to(&self, webview: servo::WebView, new_size: DeviceIntSize) {
+    fn request_resize_to(&self, webview: servo::WebView, new_outer_size: DeviceIntSize) {
         let mut rect = webview.rect();
-        rect.set_size(new_size.to_f32());
+        rect.set_size(new_outer_size.to_f32());
         webview.move_resize(rect);
-        self.inner().window.request_resize(&webview, new_size);
+        self.inner().window.request_resize(&webview, new_outer_size);
     }
 
     fn show_simple_dialog(&self, webview: servo::WebView, dialog: SimpleDialog) {

ports/servoshell/desktop/headed_window.rs

@@ -466,14 +466,13 @@ impl WindowPortsMethods for Window {
         self.winit_window.set_title(title);
     }
 
-    fn request_resize(&self, _: &WebView, size: DeviceIntSize) -> Option<DeviceIntSize> {
+    fn request_resize(&self, _: &WebView, new_outer_size: DeviceIntSize) -> Option<DeviceIntSize> {
-        let toolbar_height = self.toolbar_height() * self.hidpi_scale_factor();
+        let title_height =
-        let toolbar_height = toolbar_height.get().ceil() as i32;
+            self.winit_window.outer_size().height - self.winit_window.inner_size().height;
-        let total_size = PhysicalSize::new(size.width, size.height + toolbar_height);
         self.winit_window
             .request_inner_size::<PhysicalSize<i32>>(PhysicalSize::new(
-                total_size.width,
+                new_outer_size.width,
-                total_size.height,
+                new_outer_size.height - title_height as i32,
             ))
             .and_then(|size| {
                 Some(DeviceIntSize::new(

ports/servoshell/desktop/window_trait.rs

@@ -26,8 +26,9 @@ pub trait WindowPortsMethods {
     fn get_fullscreen(&self) -> bool;
     fn handle_winit_event(&self, state: Rc<RunningAppState>, event: winit::event::WindowEvent);
     fn set_title(&self, _title: &str) {}
-    /// Request a new inner size for the window, not including external decorations.
+    /// Request a new outer size for the window, including external decorations.
-    fn request_resize(&self, webview: &WebView, inner_size: DeviceIntSize)
+    /// This should be the same as `window.outerWidth` and `window.outerHeight``
+    fn request_resize(&self, webview: &WebView, outer_size: DeviceIntSize)
     -> Option<DeviceIntSize>;
     fn set_position(&self, _point: DeviceIntPoint) {}
     fn set_fullscreen(&self, _state: bool) {}