UI Not loading properly.

[Wolverin-e]

Version

0.12.19

Operating System

Mac OS X

Distribution Method

dmg (Intel)

Describe the issue

My UI is not loading properly

How to reproduce

• Download Latest Mac Intel DMG
• Install (Ui does not look well here as well)
• Clone a Repository (Ui does not look & work well)

Expected behavior

The UI should Look & work like as shown in the video https://youtu.be/PWc4meBj4jo?si=WX5sleIMW5LX6LT5

Relevant log output

[Error] ipc->list_branches: {"projectId":"f2324790-4fa2-4cf7-9f1f-9ececc79469f","filter":{}} (2)
Error: There is no default target
Object
    (anonymous function) (ipc.wSV4mBKh.js:1:1046)
    asyncFunctionResume
    (anonymous function)
    promiseReactionJobWithoutPromise
    promiseReactionJob
[Error] 347daf116d584846b5be7cb08cf9b6ec: There is no default target

o@tauri://localhost/_app/immutable/chunks/ipc.wSV4mBKh.js:1:691
fromError@tauri://localhost/_app/immutable/chunks/ipc.wSV4mBKh.js:1:860
@tauri://localhost/_app/immutable/chunks/ipc.wSV4mBKh.js:1:1022
asyncFunctionResume@[native code]
@[native code]
promiseReactionJobWithoutPromise@[native code]
promiseReactionJob@[native code]

    N (app.4MuxQ0qP.js:6:205)
    (anonymous function) (app.4MuxQ0qP.js:3:3158)
[Error] Unhandled Promise Rejection: Error: There is no default target
    (anonymous function) (groupBy.DTzsBiCl.js:1:17281)
    asyncFunctionResume
    (anonymous function)
    promiseReactionJobWithoutPromise
    promiseReactionJob
[Error] ipc->list_remote_branches: {"projectId":"f2324790-4fa2-4cf7-9f1f-9ececc79469f"} (2)
Error: There is no default target
Object
    (anonymous function) (ipc.wSV4mBKh.js:1:1046)
    asyncFunctionResume
    (anonymous function)
    promiseReactionJobWithoutPromise
    promiseReactionJob
[Error] ipc->list_branches: {"projectId":"f2324790-4fa2-4cf7-9f1f-9ececc79469f","filter":{}} (2)
Error: There is no default target
Object
    (anonymous function) (ipc.wSV4mBKh.js:1:1046)
    asyncFunctionResume
    (anonymous function)
    promiseReactionJobWithoutPromise
    promiseReactionJob
[Error] 5d68025459454c3abc3a12e613b26048: There is no default target

o@tauri://localhost/_app/immutable/chunks/ipc.wSV4mBKh.js:1:691
fromError@tauri://localhost/_app/immutable/chunks/ipc.wSV4mBKh.js:1:860
@tauri://localhost/_app/immutable/chunks/ipc.wSV4mBKh.js:1:1022
asyncFunctionResume@[native code]
@[native code]
promiseReactionJobWithoutPromise@[native code]
promiseReactionJob@[native code]

    N (app.4MuxQ0qP.js:6:205)
    (anonymous function) (app.4MuxQ0qP.js:3:3158)
[Error] Unhandled Promise Rejection: Error: There is no default target
    (anonymous function) (groupBy.DTzsBiCl.js:1:17281)
    asyncFunctionResume
    (anonymous function)
    promiseReactionJobWithoutPromise
    promiseReactionJob
[Error] ipc->fetch_from_remotes: {"projectId":"f2324790-4fa2-4cf7-9f1f-9ececc79469f","action":"auto"} (2)
Error: There is no default target
Object
    (anonymous function) (ipc.wSV4mBKh.js:1:1046)
    asyncFunctionResume
    (anonymous function)
    promiseReactionJobWithoutPromise
    promiseReactionJob

[Byron]

Thanks a lot for reporting!

Since GitButler uses the built-in browser's WebView, I wonder if it relies on more recent versions than are present on your system?

Could you see if what navigator.userAgent yields on your system? Here is the output of mine.

Thanks a lot for your help.

[Wolverin-e]

Hi @Byron

I did navigator.userAgent & it looks like this:

[Byron]

Thank you, that's interesting, it looks like the very same version. Does this mean you are on MacOS 14.6.1 as well?

CC @PavelLaptev - it looks like CSS isn't interpreted correctly, but the browser-engine claims to be the same.

[ndom91]

@Wolverin-e can you check your network tab in the dev tools? Are there any CSS files that maybe didn't load correctly?

Wasn't able to reproduce on 0.12.19 on Linux btw :thinking:

[Wolverin-e]

Thank you, that's interesting, it looks like the very same version. Does this mean you are on MacOS 14.6.1 as well?

CC @PavelLaptev - it looks like CSS isn't interpreted correctly, but the browser-engine claims to be the same.

@Byron my MacOS version is: 12.0.1

[Wolverin-e]

@ndom91 I was checking the network tab & I don't think I received any 404s.

Here is the HAR Export from my Network Tab: (I performed a No-Cache Hard Reload before recording the activity) localhost.har.zip

Screenshots:

[Byron]

Thank you, that's interesting, it looks like the very same version. Does this mean you are on MacOS 14.6.1 as well? CC @PavelLaptev - it looks like CSS isn't interpreted correctly, but the browser-engine claims to be the same.

@Byron my MacOS version is: 12.0.1

Thanks! Then my best guess would be that the browser engine used here is 'somehow' old enough to not understand some of the CSS the way it should?

When I check Safari -> About I see Version 17.6 (19618.3.11.11.5) - is it the same as yours?

[ndom91]

Thank you, that's interesting, it looks like the very same version. Does this mean you are on MacOS 14.6.1 as well?

CC @PavelLaptev - it looks like CSS isn't interpreted correctly, but the browser-engine claims to be the same.

@Byron my MacOS version is: 12.0.1

Looks like MacOS 12.0.1 corresponds to safari ~15.1 (https://tauri.app/v1/references/webview-versions/#webkit-versions-in-safari).

You're right, this probably doesn't support some of the more modern css features that are being used.

[Wolverin-e]

@Byron @ndom91 Safari → About shows: Version 15.1 (17612.2.9.1.20)

[PavelLaptev]

probably related https://github.com/gitbutlerapp/gitbutler/issues/2878