how to make resizable frameless window #1591

phphackerr · 2025-02-04T15:30:52Z

phphackerr
Feb 4, 2025

i dont understand how to do this

import webview


webview.create_window('Hello world', 'http://localhost:5173/',
                      resizable=True, frameless=True, easy_drag=True)
webview.start()

and one more question, why not make a discord server?

Answered by r0x0r

Feb 6, 2025

Frameless windows are not resizable. However, this feature requests comes again and again, so maybe this custom behaviour should be implemented. Feel free to contribute.

I am not on Discord, but I have been thinking of creating an alternative communication channel.

View full answer

r0x0r · 2025-02-06T09:26:00Z

r0x0r
Feb 6, 2025
Maintainer

Frameless windows are not resizable. However, this feature requests comes again and again, so maybe this custom behaviour should be implemented. Feel free to contribute.

I am not on Discord, but I have been thinking of creating an alternative communication channel.

1 reply

phphackerr Feb 6, 2025
Author

yeah, it would be really cool if you introduced this feature.
im new to programming, its too early for me to become a contributor

i hope this will be introduced and will be introduced as soon as possible

initiateit · 2025-08-16T02:48:58Z

initiateit
Aug 16, 2025

I came across this as i wanted frameless and resize, the thinking is:

JS
Detect keyboard events (keydown listener)
Call Python functions via pywebview.api.resize_window(width, height)

Py
Receives resize requests from JavaScript
Calls native OS window APIs to actually resize the window

So for my use case keyboard resize is fine, (though just as easily could use css regions to enable mouse resizing mousedown, mousemove, mouseup) and enable units of 50px as resize bound to Ctrl and Ctrl + Alt to the -/_ =+ keys:

test.html

<!doctype html>
<html>
<head>
  <meta charset="utf-8" />
  <title>Resize Test</title>
</head>
<body>
  <h1>Resize Test</h1>
  <p>Use Ctrl +/- to resize</p>
  
  <script>
    document.addEventListener('keydown', function(e) {
      if (e.ctrlKey || e.metaKey) {
        switch(e.key) {
          case '=':
          case '+':
            e.preventDefault();
            if (e.altKey) {
              resizeAxisBy('width', -50);
            } else {
              resizeAxisBy('width', 50);
            }
            break;
          case '-':
            e.preventDefault();
            if (e.altKey) {
              resizeAxisBy('height', -50);
            } else {
              resizeAxisBy('height', 50);
            }
            break;
          case '0':
            e.preventDefault();
            resizeWindowTo(500, 600);
            break;
        }
      }
    });

    async function resizeAxisBy(axis, delta) {
      try {
        const currentSize = await pywebview.api.get_window_size();
        let newWidth = currentSize.width;
        let newHeight = currentSize.height;

        if (axis === 'width') {
          newWidth = Math.max(currentSize.width + delta, 300);
        } else if (axis === 'height') {
          newHeight = Math.max(currentSize.height + delta, 300);
        }

        await pywebview.api.resize_window(newWidth, newHeight);
      } catch (e) {
          console.log(e)
      }
    }

    async function resizeWindowTo(width, height) {
      try {
        await pywebview.api.resize_window(width, height);
      } catch (e) {
          console.log(e)
      }
    }
  </script>
</body>
</html>

test.py

import webview

class Api:
    def __init__(self):
        self.window = None
        
    def set_window(self, window):
        self.window = window
        
    def get_window_size(self):
        if self.window:
            try:
                return {"width": self.window.width, "height": self.window.height}
            except:
                return {"width": 500, "height": 600}
        return {"width": 500, "height": 600}
    
    def resize_window(self, width, height):
        if self.window:
            try:
                self.window.resize(width, height)
                return True
            except:
                return False
        return False

if __name__ == "__main__":
    api = Api()
    window = webview.create_window(
        "Resizable Demo",
        "index.html",
        width=500,
        height=600,
        frameless=True,
        resizable=True
    )
    
    # Set window reference and expose API
    api.set_window(window)
    window.expose(api.resize_window)
    window.expose(api.get_window_size)
    
    webview.start()

Totally gross I know!

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

how to make resizable frameless window #1591

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Replies: 2 comments 1 reply

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Uh oh!

how to make resizable frameless window #1591

Uh oh!

Uh oh!

phphackerr Feb 4, 2025

Replies: 2 comments · 1 reply

Uh oh!

r0x0r Feb 6, 2025 Maintainer

Uh oh!

phphackerr Feb 6, 2025 Author

Uh oh!

initiateit Aug 16, 2025

phphackerr
Feb 4, 2025

Replies: 2 comments 1 reply

r0x0r
Feb 6, 2025
Maintainer

phphackerr Feb 6, 2025
Author

initiateit
Aug 16, 2025