wails
wails copied to clipboard
wailsapp
SMP support bug
Description
I have a problem with displaying SMP (Supplementary Multilingual Plane) characters in WebView. When I add certain symbols to the page, everything works fine in the browser, but the rendering in webview breaks. An example of such a symbol: π
To Reproduce
- Create project: wails init -n myproject -t react-ts
- Change the template (App.tsx) by adding the character π to it
- Go to project root: cd ./myproject
- Run application: wails dev
- The page looks good in the browser (Google Chrome), but it doesn't work in WebView (see screenshots
At the same time I see such messages in logs (maybe it will be useful):
DEB | [ExternalAssetHandler] Loading 'http://localhost:5173/wailsjs/go/main/App.js'
DEB | [AssetHandler] Handling request '/src/assets/fonts/nunito-v16-latin-regular.woff2' (file='src/assets/fonts/nunito-v16-latin-regular.woff2')
DEB | [AssetHandler] File 'src/assets/fonts/nunito-v16-latin-regular.woff2' not found, serving '/src/assets/fonts/nunito-v16-latin-regular.woff2' by AssetHandler
DEB | [ExternalAssetHandler] Loading 'http://localhost:5173/src/assets/fonts/nunito-v16-latin-regular.woff2'
WebKitWebProcess: ../../src/hb-shape-plan.cc:234: hb_shape_plan_t* hb_shape_plan_create2(hb_face_t*, const hb_segment_properties_t*, const hb_feature_t*, unsigned int, const int*, unsigned int, const char* const*): ΠΡΠΎΠ²Π΅ΡΠΎΡΠ½ΠΎΠ΅ ΡΡΠ²Π΅ΡΠΆΠ΄Π΅Π½ΠΈΠ΅ Β«props->direction != HB_DIRECTION_INVALIDΒ» Π½Π΅ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΎ.
Template example
import {useState} from 'react';
import logo from './assets/images/logo-universal.png';
import './App.css';
import {Greet} from "../wailsjs/go/main/App";
function App() {
const [resultText, setResultText] = useState("Please enter your name below π");
const [name, setName] = useState('');
const updateName = (e: any) => setName(e.target.value);
const updateResultText = (result: string) => setResultText(result);
function greet() {
Greet(name).then(updateResultText);
}
return (
<div id="App">
<div>First message</div>
<div>π</div>
<div>Second message</div>
</div>
)
}
export default App
Expected behaviour
Correct handling of unusual symbol in webview
Screenshots
WebView:
Browser:
Attempted Fixes
No response
System Details
# Wails
Version | v2.10.1
Package Manager | apt
# System
WARNING: failed to read int from file: open /sys/devices/system/cpu/cpu0/online: no such file or directory
ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
| OS | Linux Mint |
| Version | 21.1 |
| ID | linuxmint |
| Go Version | go1.23.8 |
| Platform | linux |
| Architecture | amd64 |
| CPU | AMD Ryzen 9 6900HX with Radeon Graphics |
| GPU 1 | GA104M [GeForce RTX 3080 Mobile / Max-Q 8GB/16GB] (NVIDIA Corporation) - Driver: nvidia |
| GPU 2 | Rembrandt (Advanced Micro Devices, Inc. [AMD/ATI]) - Driver: amdgpu |
| Memory | 66GB |
ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
# Dependencies
ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
| Dependency | Package Name | Status | Version |
| *docker | docker.io | Installed | 28.1.1 |
| gcc | build-essential | Installed | 12.9ubuntu3 |
| libgtk-3 | libgtk-3-dev | Installed | 3.24.33-1ubuntu2.2 |
| libwebkit | libwebkit2gtk-4.0-dev | Installed | 2.48.1-0ubuntu0.22.04.1 |
| npm | npm | Installed | 10.9.2 |
| *nsis | nsis | Installed | v3.08-2 |
| pkg-config | pkg-config | Installed | 0.29.2-1ubuntu3 |
| |
βββββββββββββββββββββββββ * - Optional Dependency ββββββββββββββββββββββββββ
# Diagnosis
SUCCESS Your system is ready for Wails development!
Additional context
No response
π Thanks for reporting this issue! To help us investigate, could you please:
- Add the output of
wails doctorif not already included - Provide clear steps to reproduce the issue
- If possible, create a minimal reproduction of the issue
This will help us resolve your issue much faster. Thank you!
![github-actions[bot] avatar](https://avatars.githubusercontent.com/in/15368?v=4 "Published by a pub.dev verified publisher"){kind=small}
π Thanks for reporting this issue! To help us investigate, could you please:
- Add the output of
wails doctorif not already included - Provide clear steps to reproduce the issue
- If possible, create a minimal reproduction of the issue
This will help us resolve your issue much faster. Thank you!
System Details
# Wails
Version | v2.10.1
Package Manager | apt
# System
WARNING: failed to read int from file: open /sys/devices/system/cpu/cpu0/online: no such file or directory
ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
| OS | Ubuntu |
| Version | 24.04 |
| ID | ubuntu |
| Go Version | go1.24.2 |
| Platform | linux |
| Architecture | amd64 |
| CPU | Intel(R) Core(TM) i5-10210U CPU @ 1.60GHz |
| GPU | CometLake-U GT2 [UHD Graphics] (Intel Corporation) - Driver: i915 |
| Memory | 16GB |
ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
# Dependencies
ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
| Dependency | Package Name | Status | Version |
| *docker | docker.io | Installed | 23.0.1 |
| gcc | build-essential | Installed | 12.10ubuntu1 |
| libgtk-3 | libgtk-3-dev | Installed | 3.24.41-4ubuntu1.3 |
| libwebkit | libwebkit2gtk-4.0-dev | Installed | 2.48.1-0ubuntu0.22.04.1 |
| npm | npm | Installed | 9.2.0~ds1-2 |
| *nsis | nsis | Installed | v3.09-4 |
| pkg-config | pkg-config | Installed | 1.8.1-2build1 |
| |
βββββββββββββββββββββββββ * - Optional Dependency ββββββββββββββββββββββββββ
# Diagnosis
SUCCESS Your system is ready for Wails development!
work for me, I don't know where the problem is, maybe you can match the Dependencies version with the one I'm using now
