Query: adding hCaptcha WkWebview to a container with a blur background

[e271828-]

Report: when adding the hCaptcha WkWebview to a container with a blur background the Webview is not loading sometimes.

Snippet:

hcaptcha?.configureWebView { [weak self] webview in
            webview.frame = self?.captchaContainerView.bounds ?? CGRect.zero
        }

        hcaptcha?.validate(on: captchaContainerView,
                           resetOnError: true,
                           completion: { [weak self] result in
            guard let self = self else {
                completionHandler(false, nil, ZError.default)
                return
            }

            self.captchaBackgroundView.zHide()
            self.captchaBackgroundView.removeFromSuperview()

            self.hcaptcha?.stop()
            if let data = try? result.dematerialize() {
                ZLog.i(data)
                completionHandler(true, data, nil)
            }
            else {
                completionHandler(false, nil, ZError.default)
            }
        })

[CAMOBAP]

In progress

[CAMOBAP]

I think I have reproduced the issue, but I'm not 100% sure

Here is what I did:

• Created ContainerView in Xcode Interface Builder
• Created UIVisualEffectView for blur effect

Screenshot from Debug View Hierarchy

Screenshot from Interface Builder

Result

The WebView looks gray

@e271828- can we somehow confirm that this is the issue which client observe? Maybe we can ask for some screenshots?

[CAMOBAP]

I have found that issue happens if we are trying to add WKWebView to subview of UIVisualEffectView or its child (red rectangle on the screenshot below)

As workaround we may use parent view of UIVisualEffectView, the green rectangle on the screenshot below

`

P.S. Still researching the root of the issue, and workaround to allow placing WKWebView on top of UIVisualEffectView

[CAMOBAP]

Update

Per Apple's documentation:

After you add the visual effect view to the view hierarchy, add any subviews to the contentView property of the visual effect view. Do not add subviews directly to the visual effect view itself.

Also, the same issue described on SO https://stackoverflow.com/questions/46355872/warning-from-ios-do-not-add-subviews-directly-to-the-visual-effect-view-itself

So instead passing visualEffectView (instance of UIVisualEffectView), pass visualEffectView.contentView