V3 initial install test app is missing its footer on Ubuntu 22.04

[ncw]

When I install the test app for wails3

• git clone wails3 v3-alpha branch
• cd v3/cmd/wails3 then go install
• wails3 init -n testwails3 -t react
• wails3 dev

I get the test window which looks like this

From looking at the code it is supposed to have a footer with the time in it!

If I change the test code App.jsx like this

--- ./frontend/src/App.jsx.orig	2024-05-11 11:08:32.567084722 +0100
+++ ./frontend/src/App.jsx	2024-05-11 11:18:03.635656308 +0100
@@ -45,7 +45,7 @@
           <button className="btn" onClick={doGreet}>Greet</button>
         </div>
       </div>
-      <div className="footer">
+      <div className="card">
         <div><p>Click on the Wails logo to learn more</p></div>
         <div><p>{time}</p></div>
       </div>

Then I can see the time

This is clearly a bug in something, but I don't know what

I suspect the GTK webkit but I don't have a convenient mac/windows machine to try this on.

Also I couldn't figure out how to open the GUI in the browser like you can with wails dev --browser as that seems to be missing for wails3.

Any ideas?

I was going to report this as a bug but I saw the note - no bug reports for v3 which is fair enough!

$ wails3 doctor
                                                                                                                                                                                                                                          
# System
┌───────────────────────────────────────────────────────────────────────────────────┐
| Name         | Ubuntu                                                             |
| Version      | 22.04                                                              |
| ID           | ubuntu                                                             |
| Branding     | 22.04.3 LTS (Jammy Jellyfish)                                      |
| Platform     | linux                                                              |
| Architecture | amd64                                                              |
| CPU          | AMD Ryzen 7 PRO 5850U with Radeon Graphics                         |
| GPU 1        | Cezanne (Advanced Micro Devices, Inc. [AMD/ATI]) - Driver: amdgpu  |
| Memory       | 44GB                                                               |
└───────────────────────────────────────────────────────────────────────────────────┘

# Build Environment
┌─────────────────────────────────────────────────────────┐
| Wails CLI    | v3.0.0-alpha.4                           |
| Go Version   | go1.22.3                                 |
| Revision     | 71b2edc0fef81340815c923e33b16dd2e25e2a0e |
| Modified     | false                                    |
| -buildmode   | exe                                      |
| -compiler    | gc                                       |
| CGO_CFLAGS   |                                          |
| CGO_CPPFLAGS |                                          |
| CGO_CXXFLAGS |                                          |
| CGO_ENABLED  | 1                                        |
| CGO_LDFLAGS  |                                          |
| GOAMD64      | v1                                       |
| GOARCH       | amd64                                    |
| GOOS         | linux                                    |
| vcs          | git                                      |
| vcs.modified | false                                    |
| vcs.revision | 71b2edc0fef81340815c923e33b16dd2e25e2a0e |
| vcs.time     | 2024-05-08T08:08:14Z                     |
└─────────────────────────────────────────────────────────┘

# Dependencies
┌──────────────────────────────────────┐
| gcc        | 12.9ubuntu3             |
| libgtk-3   | 3.24.33-1ubuntu2.1      |
| libwebkit  | 2.44.0-0ubuntu0.22.04.1 |
| npm        | 9.6.7                   |
| pkg-config | 0.29.2-1ubuntu3         |
└────── * - Optional Dependency ───────┘

# Diagnosis
 SUCCESS  Your system is ready for Wails development!

[leaanthony]

For v3 questions, you are more likely to get a response on discord.

[ncw]

I posted this to discord too.