Webview blank window in Ubuntu 24.04

[daidalvi]

@zephraph thank you for your reply and for your fix!

After running simply.py example:

1. Windows 10. Some little fix. Please, set

    url += flags

before

    if platform.system() == "Windows":
        url += ".exe"

(In your fix you changed adding .exe but before url += flags)

2. Ubuntu 24.04 (running in virtualbox):
   After running your new version window with title "Title set from python" appeared (In old version there was not any window at all), but this window is blank. No devtools appearing after call it from context menu (in windows devtools works)

I tried to investigate, if it is really no content in window or it is invisible. As devtools is not working I simply dragged mouse and clicked in the window, and when I did it appeared the word "world", I dragged it on the screen, but when I release mouse button it disappeared. So I can conclude that window content presents but invisible.

I tested it with and without devtools, and it doesnt work

In webview log I see this error:

libEGL warning: egl: failed to create dri2 screen

and

libEGL warning: DRI3: Screen seems not DRI3 capable

I hope this log helps you:

python3 simple.py
Creating webview
Processing message loop
Receiving messages from webview process...
2025-02-24T09:53:43.112212Z  INFO webview: Starting webview with options: Options { title: "Simple", load: Some(Html { html: "<h1>Hello, World!</h1>", origin: "init" }), size: None, decorations: true, transparent: false, autoplay: false, devtools: true, incognito: false, clipboard: false, focused: false, accept_first_mouse: false, ipc: false, initialization_script: Some("console.log('This is printed from initializationScript!')"), user_agent: None }
libEGL warning: DRI3: Screen seems not DRI3 capable
libEGL warning: DRI3: Screen seems not DRI3 capable
MESA: error: ZINK: failed to choose pdev
libEGL warning: egl: failed to create dri2 screen
VMware: No 3D enabled (0, Success).
libEGL warning: egl: failed to create dri2 screen
VMware: No 3D enabled (0, Success).
libEGL warning: egl: failed to create dri2 screen
2025-02-24T09:53:43.469151Z  INFO webview: Webview initialized
Read chunk size: 70 bytes
Received raw message: b'{"$type":"notification","data":{"$type":"started","version":"0.3.0"}}'
Decoded message: NotificationMessage(data=StartedNotification(version='0.3.0'))
Received notification: StartedNotification(version='0.3.0')
Receiving messages from webview process...
handle_start called
VMware: No 3D enabled (0, Success).
libEGL warning: egl: failed to create dri2 screen
VMware: No 3D enabled (0, Success).
libEGL warning: egl: failed to create dri2 screen
Read chunk size: 51 bytes
Received raw message: b'{"$type":"response","data":{"$type":"ack","id":0}}'
Decoded message: ResponseMessage(data=AckResponse(id=0))
Return ack: AckResponse(id=0)
Read chunk size: 114 bytes
Received raw message: b'{"$type":"response","data":{"$type":"result","id":1,"result":{"$type":"string","value":"Title set from Python"}}}'
Decoded message: ResponseMessage(data=ResultResponse(id=1, result=StringResultType(value='Title set from Python')))
Return result: ResultResponse(id=1, result=StringResultType(value='Title set from Python'))
Current title: Title set from Python
Read chunk size: 51 bytes
Received raw message: b'{"$type":"response","data":{"$type":"ack","id":2}}'
Decoded message: ResponseMessage(data=AckResponse(id=2))
Return ack: AckResponse(id=2)
VM 0x7fe86a400000 on pid 415109 received NeedDebuggerBreak trap
Read chunk size: 51 bytes
Received raw message: b'{"$type":"response","data":{"$type":"ack","id":3}}'
Decoded message: ResponseMessage(data=AckResponse(id=3))
Return ack: AckResponse(id=3)
VMware: No 3D enabled (0, Success).
libEGL warning: egl: failed to create dri2 screen
VMware: No 3D enabled (0, Success).
libEGL warning: egl: failed to create dri2 screen
2025-02-24T09:54:15.425233Z  INFO webview: Webview close requested
Read chunk size: 51 bytes
Received raw message: b'{"$type":"notification","data":{"$type":"closed"}}'
Decoded message: NotificationMessage(data=ClosedNotification())
Received notification: ClosedNotification()
Webview closed

And after dragging invisible word with mouse:

[daidalvi]

Well I thought the problem was in Nvidia driver, I reinstalled it but It didn't help. and I tested it in other computer where ubuntu works natively and there is not NVIDIA card

lspci | grep VGA
00:02.0 VGA compatible controller: Intel Corporation 4th Generation Core Processor Family Integrated Graphics Controller (rev 06)

But nothing changed. I received blank screen once more time. There is my log:

python3 simple.py
Creating webview
Processing message loop
Receiving messages from webview process...
2025-02-24T11:07:12.339583Z  INFO webview: Starting webview with options: Options { title: "Simple", load: Some(Html { html: "<h1>Hello, World!</h1>", origin: "init" }), size: None, decorations: true, transparent: false, autoplay: false, devtools: true, incognito: false, clipboard: false, focused: false, accept_first_mouse: false, ipc: false, initialization_script: Some("console.log('This is printed from initializationScript!')"), user_agent: None }
2025-02-24T11:07:12.537205Z  INFO webview: Webview initialized
Read chunk size: 70 bytes
Received raw message: b'{"$type":"notification","data":{"$type":"started","version":"0.3.0"}}'
Decoded message: NotificationMessage(data=StartedNotification(version='0.3.0'))
Received notification: StartedNotification(version='0.3.0')
Receiving messages from webview process...
handle_start called
Read chunk size: 51 bytes
Received raw message: b'{"$type":"response","data":{"$type":"ack","id":0}}'
Decoded message: ResponseMessage(data=AckResponse(id=0))
Return ack: AckResponse(id=0)
Read chunk size: 114 bytes
Received raw message: b'{"$type":"response","data":{"$type":"result","id":1,"result":{"$type":"string","value":"Title set from Python"}}}'
Decoded message: ResponseMessage(data=ResultResponse(id=1, result=StringResultType(value='Title set from Python')))
Return result: ResultResponse(id=1, result=StringResultType(value='Title set from Python'))
Current title: Title set from Python
Read chunk size: 51 bytes
Received raw message: b'{"$type":"response","data":{"$type":"ack","id":2}}'
Decoded message: ResponseMessage(data=AckResponse(id=2))
Return ack: AckResponse(id=2)
Read chunk size: 51 bytes
Received raw message: b'{"$type":"response","data":{"$type":"ack","id":3}}'
Decoded message: ResponseMessage(data=AckResponse(id=3))
Return ack: AckResponse(id=3)
VM 0x7073da400000 on pid 24594 received NeedDebuggerBreak trap

@zephraph,
Thanks in advance!

[just-be-dev]

I'll get a linux VM setup this week and see if I can repo

[daidalvi]

@zephraph, thanks for your windows fix!

For Linux,

1. What webview rendering library you use? Does it support Wayland or just X11?
2. Could your solution work on linux with different gtk components versions?

I tried to run your project under xubuntu 20.04 and I received this errors from deno-webview-0.2.0:

error while loading shared libraries: libwebkit2gtk-4.1.so.0: 
libjavascriptcoregtk-4.1.so.0
libsoup-3.0.so.0

I have all this shared libraries but different versions. What does in mean? I should compile this for exact linux version that I planning to use?

3. will your solution work under KDE (for example, Kubuntu) without pre-installed GTK and support wayland?

(Ubuntu 24.04 uses wayland by default)
Unfortunately, I have never worked with rust. If I understood it correctly you use wry with windowing library tao

In wry description I read about wayland supporting. I don't know if it is correct place, but maybe it helps find the problem?
(https://github.com/tauri-apps/wry)

If you also want to support Wayland too, then we recommend you use [WebViewBuilderExtUnix::new_gtk] on Linux. See the following example using tao:

let event_loop = EventLoop::new();
let window = WindowBuilder::new().build(&event_loop).unwrap();

let builder = WebViewBuilder::new().with_url("https://tauri.app");

#[cfg(not(target_os = "linux"))]
let webview = builder.build(&window).unwrap();
#[cfg(target_os = "linux")]
let webview = builder.build_gtk(window.gtk_window()).unwrap();

[just-be-dev]

Okay @daidalvi I've got a release going out now that I hope fixes the issue. Seems like there's a lot of nuance in various linux UI layers and I'm not really an expert in that. I was able to get it running in a Ubuntu VM on my mac though. If there's a different distro you'd like me to test, just lmk.

[daidalvi]

@zephraph, thanks for your fix. Now it works in Ubuntu 24.04. But it doesn't work in other versions (20.04), craches with error which is to be expected

error while loading shared libraries: libwebkit2gtk-4.1.so.0: cannot open shared object file: No such file or directory

So may be you should create various binarios for most popular linux types?

Or maybe create several binaries for different gtk lib versions?
In python pre-check WebKit2 and Soup version, making something like that?

try:
    gi.require_version('WebKit2', '4.1')
    gi.require_version('Soup', '3.0')
 
    # and here is download for linux_4.1_3.0
except ValueError:

    try:
       gi.require_version('WebKit2', '4.0')
       gi.require_version('Soup', '2.4')

      # and here is download for linux_4.0_2.4
....

(https://github.com/r0x0r/pywebview/blob/master/webview/platforms/gtk.py)

And what about KDE systems...?

[just-be-dev]

webkit2 4.1 is a requirement of wry (see the dependencies: https://crates.io/crates/wry#user-content-linux-dependencies) so you'd need to install it. I don't know much about KDE, but I think it could be either ran on x11 or wayland. I think supporting wayland is just a small update to the execution code.

If you have a specific usecase or operating system that you can't get it to work for (after ensuring the correct gtk version is installed) let me know and I'll investigate what I can do.

Here's a stack overflow thread about getting GTK 4.1 running on Ubuntu 20.04

[daidalvi]

@zephraph,
Thank you very much for your answers!