Size Class'd Auto Layout: Constrai… | Apple Developer Forums

Size Class'd Auto Layout: Constraint Activated For Wrong Size Class

This is a repost from my own SO thread: https://stackoverflow.com/questions/47181619/size-classd-auto-layout-constraint-activated-for-wrong-size-class

When I set up an Auto Layout constraint customized by Size Classes, such that the constraint is installed in some Size Class(es), and not in others, I get this Unsatisfiable Constraints error message during runtime but the result is as expected on Interface Builder with no errors / warnings.

[1]: https://i.stack.imgur.com/CLrTs.png

[2]: https://i.stack.imgur.com/f9cQa.png

What I am testing

For this simplified example, to demonstrate how Unsatisfiable Constraints unexpectedly happen, I want the star image to have fixed height, but custom width based on Size Class. As you can see in the image, I want it fairly big for Regular Width.

Because the width constraint is not installed for Compact Width, it gets the image size based on the intrinsic content of the star image. (Credit: This star is from [Use Your Loaf](https://useyourloaf.com/blog/adapting-stack-views-with-size-classes/))

The problem

As I rotate the device from landscape to portrait in the simulator running iPhone 8 Plus (iOS 11.1 with Xcode 9.1), I get the following error:

Unable to simultaneously satisfy constraints.
  Probably at least one of the constraints in the following list is one you don't want.
  Try this:
  (1) look at each constraint and try to figure out which you don't expect;
  (2) find the code that added the unwanted constraint or constraints and fix it.
    ....
  Will attempt to recover by breaking constraint
  <NSLayoutConstraint:0x6040002839d0 UIImageView:0x7fe177d0b940.width == 480   (active)>

So apparently, this width constraint is still present even when my view is changing to Compact Width, where I specified to have the constraint NOT installed. Why is this? Is using `installed` the proper way to customize Auto Layout constraints based on different Size Class? I don't see any other way to achieve it in Storyboard though.

I tried creating the width constraint programmatically and setting `.isActive` from inside `traitCollectionDidChange` instead, and I still got the same error.

I didn't get such error when testing the sample code from [Mysteries of Auto Layout WWDC talk](https://developer.apple.com/videos/play/wwdc2015/218/), which is deactivating / activating constraints through `traitCollectionDidChange` just like I did.

Update

I added my own code on [GitHub](https://github.com/pt2277/SingleStarAutoLayoutTest/tree/master).