contentViewController is masked with a gray layer in iOS 10 and iOS 11

[ugenlik]

I set the floating panel as follow

        // Initialize FloatingPanelController
        floatingPanel = FloatingPanelController()
        floatingPanel.delegate = self
        
        // Initialize FloatingPanelController and add the view
        floatingPanel.surfaceView.backgroundColor = UIColor(displayP3Red: 30.0/255.0, green: 30.0/255.0, blue: 30.0/255.0, alpha: 1.0)
        floatingPanel.surfaceView.cornerRadius = 12.0
        floatingPanel.surfaceView.shadowHidden = true
        floatingPanel.surfaceView.borderWidth = 1.0 / traitCollection.displayScale
        floatingPanel.surfaceView.borderColor = UIColor.black.withAlphaComponent(0.2)
        
        
        appointmentsRoot = storyboard?.instantiateViewController(withIdentifier: "AppointmentsRootVC") as? AppointmentsRootVC
        
        // Set a content view controller
        floatingPanel.set(contentViewController: appointmentsRoot)
        floatingPanel.track(scrollView: appointmentsRoot.tableView)
        
        floatingPanel.addPanel(toParent: self, belowView: self.tabBarController?.view, animated: false)

and it works fine in iOS 12

but in iOS 10 and iOS 11 contentviewcontoller has a gray layer on it.

any idea how to resolve this>

[scenee]

I'm sorry I can't reproduce this issue. Could you give me a sample code or tell me how to reproduce in the Examples/Samples app?

[scenee]

It might be fixed on v1.4.0 because it changed the implementation of FloatingPanelSurfaceView.

[ugenlik]

@scenee I finally figured out that this line caused the issue
floatingPanel.surfaceView.borderColor

so in iOS 10- 11 setting to clear solves the issue.

floatingPanel.surfaceView.borderColor = UIColor.clear

        if #available(iOS 12.0, *) {
            floatingPanel.surfaceView.borderColor =  UIColor.black.withAlphaComponent(0.2)
        }
        else
        {
            floatingPanel.surfaceView.borderColor = UIColor.clear
        }
```

[scenee]

Great work! 🎉 ✨ I'm going to investigate surfaceView.borderColor effect 😉

[scenee]

The root cause might be that 1.0 / traitCollection.displayScale is large on iOS 10/11.
And it doesn't seems be this library's issue because floatingPanel.surfaceView.borderColor = UIColor.clear is equal to floatingPanel.surfaceView.contentView?.layer.borderColor = UIColor.clear.cgColor

---

However, it's not good for the library to force-update a content view's border by floatingPanel.surfaceView.border{Width,Color} values so that I created fix-border-issue to stop it. As a result, a develop can configure a content view's border without being bothered by this library behavior.