System: Windows 11
Front-end: Vue3 + Vite
Thank you for your work. It is working very well on my Mac now, but I'm having some issues with it on Windows:
After the program starts, decorations do not display:
However, after clicking any button, the decorations are displayed normally:
The legend above is the minimal reproduction demo I created:
- Start from
pnpm create tauri-app test
- Grant permissions
- Modify the code in
src-tauri/src/lib.rs
The following are the permissions, configurations, and code:
{
"$schema": "../gen/schemas/desktop-schema.json",
"identifier": "default",
"description": "Capability for the main window",
"windows": ["main"],
"permissions": [
"core:default",
"opener:default",
"core:window:allow-close",
"core:window:allow-center",
"core:window:allow-minimize",
"core:window:allow-maximize",
"core:window:allow-set-size",
"core:window:allow-set-focus",
"core:window:allow-is-maximized",
"core:window:allow-start-dragging",
"core:window:allow-toggle-maximize",
"decorum:allow-show-snap-overlay"
]
}
{
"$schema": "https://schema.tauri.app/config/2",
"productName": "test",
"version": "0.1.0",
"identifier": "com.ccccr.test",
"build": {
"beforeDevCommand": "pnpm dev",
"devUrl": "http://localhost:1420",
"beforeBuildCommand": "pnpm build",
"frontendDist": "../dist"
},
"app": {
"withGlobalTauri": true,
"windows": [
{
"title": "test",
"width": 800,
"height": 600
}
],
"security": {
"csp": null
}
},
"bundle": {
"active": true,
"targets": "all",
"icon": [
"icons/32x32.png",
"icons/128x128.png",
"icons/128x128@2x.png",
"icons/icon.icns",
"icons/icon.ico"
]
}
}
use tauri::Manager;
use tauri_plugin_decorum::WebviewWindowExt; // adds helper methods to WebviewWindow
// Learn more about Tauri commands at https://tauri.app/develop/calling-rust/
#[tauri::command]
fn greet(name: &str) -> String {
format!("Hello, {}! You've been greeted from Rust!", name)
}
#[cfg_attr(mobile, tauri::mobile_entry_point)]
pub fn run() {
tauri::Builder::default()
.plugin(tauri_plugin_opener::init())
.plugin(tauri_plugin_decorum::init()).setup(|app| {
// Create a custom titlebar for main window
// On Windows this hides decoration and creates custom window controls
// On macOS it needs hiddenTitle: true and titleBarStyle: overlay
let main_window = app.get_webview_window("main").unwrap();
main_window.create_overlay_titlebar().unwrap();
// Some macOS-specific helpers
#[cfg(target_os = "macos")] {
// Set a custom inset to the traffic lights
main_window.set_traffic_lights_inset(12.0, 16.0).unwrap();
// Make window transparent without privateApi
main_window.make_transparent().unwrap();
// Set window level
// NSWindowLevel: https://developer.apple.com/documentation/appkit/nswindowlevel
main_window.set_window_level(25).unwrap()
}
Ok(())
}
)
.invoke_handler(tauri::generate_handler![greet])
.run(tauri::generate_context!())
.expect("error while running tauri application");
}
System: Windows 11
Front-end: Vue3 + Vite
Thank you for your work. It is working very well on my Mac now, but I'm having some issues with it on Windows:
After the program starts, decorations do not display:
However, after clicking any button, the decorations are displayed normally:
The legend above is the minimal reproduction demo I created:
pnpm create tauri-app testsrc-tauri/src/lib.rsThe following are the permissions, configurations, and code:
{ "$schema": "../gen/schemas/desktop-schema.json", "identifier": "default", "description": "Capability for the main window", "windows": ["main"], "permissions": [ "core:default", "opener:default", "core:window:allow-close", "core:window:allow-center", "core:window:allow-minimize", "core:window:allow-maximize", "core:window:allow-set-size", "core:window:allow-set-focus", "core:window:allow-is-maximized", "core:window:allow-start-dragging", "core:window:allow-toggle-maximize", "decorum:allow-show-snap-overlay" ] }{ "$schema": "https://schema.tauri.app/config/2", "productName": "test", "version": "0.1.0", "identifier": "com.ccccr.test", "build": { "beforeDevCommand": "pnpm dev", "devUrl": "http://localhost:1420", "beforeBuildCommand": "pnpm build", "frontendDist": "../dist" }, "app": { "withGlobalTauri": true, "windows": [ { "title": "test", "width": 800, "height": 600 } ], "security": { "csp": null } }, "bundle": { "active": true, "targets": "all", "icon": [ "icons/32x32.png", "icons/128x128.png", "icons/128x128@2x.png", "icons/icon.icns", "icons/icon.ico" ] } }