Search code examples
swiftmacoscocoaautolayoutappkit

Cocoa graphical glitches

I added a Safari tab-like system to my Cocoa application and since, I got some serious graphical glitches. I implemented the tab system in Auto Layout, simply with buttons on a horizontal stack view with another tabless tab view, nothing special.

I started with something looking like this:

Original

to issues like blank labels and the search field color and font are weird.

enter image description here

There are no errors in the console, just graphical glitches. The constraints looks okay, the keyboard and mouse events are working well as well, nothing seems to be broken other than the render.

The "Debug View Hierarchy" does not seems to have the same issue than in Runtime:

enter image description here

I looked around for similar graphical glitches, but could not found anything.

My app is in Swift 4.0, I am using the last stable XCode and OS X version.

I don't know where to look. I am looking for some tips to help me debug this! Thanks!

Solution

  • I found the problem, it was because I had a Visual Effect View with the "Vibrant Dark" effect, then the tab view were created from a custom view controller which was inheriting the Aqua apparence by default. The mix of the two apparences seems to be the cause of the graphical issues and it explained why default apparence inheritance was not an issue until I implemented my tab system which broke the main view into a separated view controller. Such a weird Cocoa display issue...