example framelsss can not frameless

[jinzhongjia]

This is running on kde archlinux

[hassandraga]

I think frameless and transparency still under development.

[hassandraga]

Frameless Window

• Frameless Windows
• Frameless Linux
• Frameless macOS

Transparent Background

• Transparent Windows
• Transparent Linux
• Transparent macOS

WebUI CSS -webkit-app-region: drag; Custom Implementation

• WebKit Drag Windows
• WebKit Drag Linux
• WebKit Drag macOS

[jinzhongjia]

This is under macos, but the drag event cannot be triggered normally. Perhaps we need to provide additional methods to simulate normal frames

[jinzhongjia]

I have not tested the specific situation of Windows. I currently do not have a Windows system, but I guess there is still no drag and drop function, and there are also double-click events in the title bar, etc.

[konakona418]

I have not tested the specific situation of Windows. I currently do not have a Windows system, but I guess there is still no drag and drop function, and there are also double-click events in the title bar, etc.

I tested it just now on Windows with webview. The drag & drop function worked fine.

As for the double-click event, it doesn’t seem to be working either. But I think that might just be because the example doesn’t implement the behavior for double-clicks yet.

[konakona418]

I have not tested the specific situation of Windows. I currently do not have a Windows system, but I guess there is still no drag and drop function, and there are also double-click events in the title bar, etc.

It seems that the bridge/webui.ts used

window.getComputedStyle(target).getPropertyValue("-webkit-app-region")

to determine whether a dragging event is happening. That approach might have some compatibility issues depending on the platform.

Maybe this could be related?

[hassandraga]

Yes @konakona418, that is the issue. macOS WebView always returns a empty property for -webkit-app-region.

[konakona418]

Yes @konakona418, that is the issue. macOS WebView always returns a empty property for -webkit-app-region.

I just opened a PR: #577. Hopefully this can help to address this issue.

[AlbertShown]

Right now, looks like frameless and transparency works in all OS.
But dragging the window still not fully working in Linux.

About double click you can use JavaScript <button ondblclick="myBackendDoubleClick()">Double-click me!</button>

[jinzhongjia]

greate work