Star Rating Control in UIAlertController subview is clipped when centred - Swift - swift

Question

I am using Cosmos Star Rating Control and I am embedding it as a subview of a UIAlertController. I struggled to get this to look correctly, however I managed to get the look I was going for with it being centred and all, but now I believe the view for the Star Control is being clipped, as it does not allow selection of certain areas on certain stars, also when turning on clipToBounds = true you can blatantly see that it's being clipped. I am just not sure why or how to solve this. The code and some screenshots are below. I also tried using a custom alert controller that allows you to add a custom content view, but still suffered the same issue.
#IBAction func rateButtonClicked(sender: AnyObject?) {
//Alert for the rating
let alert = UIAlertController(title: "\n\n", message: "", preferredStyle: UIAlertControllerStyle.ActionSheet)
let customView = UIView(frame: CGRect(x: 0, y: 0, width: alert.view.frame.width, height: alert.view.frame.height))
//The x/y coordinate of the rating view
let xCoord = alert.view.frame.width/2 - 95 //(5 starts multiplied by 30 each, plus a 5 margin each / 2)
let yCoord = CGFloat(25.0)
ratingView.rating = 0.0
ratingView.settings.starSize = 30
ratingView.settings.emptyBorderColor = UIColor.blackColor()
ratingView.settings.updateOnTouch = true
ratingView.frame.origin.x = xCoord
ratingView.frame.origin.y = yCoord
customView.addSubview(ratingView)
alert.addAction(UIAlertAction(title: "Save Rating", style: UIAlertActionStyle.Default, handler: ratingCompletionHandler))
alert.addAction(UIAlertAction(title: "Cancel", style: UIAlertActionStyle.Destructive, handler: nil))
alert.view.addSubview(customView)
dispatch_async(dispatch_get_main_queue(), {
self.presentViewController(alert, animated: true, completion: nil)
})
}
Image with clipToBounds Turned on:
Image with clipToBounds Turned off:

Answer 1

After some playing around, I noticed that the CosmosView was using intrinsic content size and only would be as big as the content it holds(the stars), which I think was causing the issue, so a bit of an ugly work around I used, that works for now, was just to assign it a new frame of a custom size like so:
//Make a custom frame
ratingView.frame = CGRectMake(0, 0, 200.0, 60.0)
ratingView.frame.origin.x = xCoord
ratingView.frame.origin.y = yCoord
This still has the stars centred as above, but now they are all clickable and provide the correct rating value when clicked.

Answer 2

Try this simple way that may help you:
let customView = UIView(frame: CGRect(x: 0, y: 0, width: alert.view.frame.width, height: alert.view.frame.height))
//add this line here
customView.sizeToFit()
//The x/y coordinate of the rating view
let xCoord = customView.view.frame.width/2 - 95 //(5 starts multiplied by 30 each, plus a 5 margin each / 2)
let yCoord = CGFloat(25.0)

Answer 3

If preferredStyle is .alert and not .actionSheet. Based on the fact that we cannot legitimately know the sizes before the alert controller (view) is shown, I'd opt to do this (in Swift 3):
DispatchQueue.main.async {
self.present(alert, animated: true, completion: {
if let sv = alert.view.subviews[0] {
let w = ratingView.intrinsicContentSize.width
let h = ratingView.intrinsicContentSize.height
ratingView.frame = CGRect(x: sv.bounds.width/2 - w/2, y: sv.bounds.height/2 - h/2, width: w, height: h)
sv.addSubview(ratingView)
}
})
}
Note: Might have to make adjustments for .actionSheet.