Hiding Keyboard accessorybar in WKWebView

Question

How can I hide keyboard accessory bar in WKWebview? Although there are some resources for UIWebView, I haven't been able to find one for WkWebview on Stackoverflow.

Justin Michael · Accepted Answer · 2019-07-07T21:33:01.493

14

This is possible in WKWebView with a variant of the method for swizzling out the inputAccessoryView on UIWebView.

First, add this little class:

@interface _NoInputAccessoryView : NSObject

@end

@implementation _NoInputAccessoryView

- (id)inputAccessoryView {
    return nil;
}

@end

Next, add this method:

- (void)removeInputAccessoryViewFromWKWebView:(WKWebView *)webView {
    UIView *targetView;

    for (UIView *view in webView.scrollView.subviews) {
        if([[view.class description] hasPrefix:@"WKContent"]) {
            targetView = view;
        }
    }

    if (!targetView) {
        return;
    }

    NSString *noInputAccessoryViewClassName = [NSString stringWithFormat:@"%@_NoInputAccessoryView", targetView.class.superclass];
    Class newClass = NSClassFromString(noInputAccessoryViewClassName);

    if(newClass == nil) {
        newClass = objc_allocateClassPair(targetView.class, [noInputAccessoryViewClassName cStringUsingEncoding:NSASCIIStringEncoding], 0);
        if(!newClass) {
            return;
        }

        Method method = class_getInstanceMethod([_NoInputAccessoryView class], @selector(inputAccessoryView));

        class_addMethod(newClass, @selector(inputAccessoryView), method_getImplementation(method), method_getTypeEncoding(method));

        objc_registerClassPair(newClass);
    }

    object_setClass(targetView, newClass);
}

Then all you have to do is call that method and pass in your WKWebView:

[self removeInputAccessoryViewFromWKWebView:webView];

Note: I do not yet know for sure if this will pass app review, but it is extremely similar to the same code I used for UIWebView, and that did pass review.

Update: This code is in an app that has passed App Store review.

edited Jul 07 '19 at 21:33

answered Sep 16 '15 at 23:25

Justin Michael

5,634
1
29
32

This only applies to UIWebView, no? – Maximus S Sep 17 '15 at 22:28
1

No, this solution is specifically for WKWebView, although it was adapted from a technique for UIWebView. – Justin Michael Sep 17 '15 at 23:35
@JustinMichael , any idea how can we port this to Swift ? – Eduard Nov 19 '15 at 14:24
2

Swift version of this answer : http://stackoverflow.com/questions/33853924/removing-wkwebview-accesory-bar-in-swift/33939584#33939584 – iamyogish Nov 26 '15 at 13:21
Brilliant! In the class you are adding the method, you must include – webo80 Jan 27 '16 at 16:11
Will Apple will approve this? – Paulo Cesar Mar 18 '16 at 13:07
@PauloCesar Yes, this code is being used in an app in the App Store. – Justin Michael Mar 18 '16 at 18:13
Will this also not remove the "Done" button from – Adam Leggett Sep 20 '17 at 21:48
@AdamLeggett Yep. You’ll need to provide an alertanitive to the missing Done button for form controls if you get rid of the accessory view. – Justin Michael Sep 21 '17 at 01:15
@JustinMichael is there a reasonable way to only disable the accessory view for keyboards? – Adam Leggett Sep 21 '17 at 16:12
@AdamLeggett Not that I've been able to find. It's probably possible, but would take a lot of work to figure out. – Justin Michael Sep 21 '17 at 18:14
Ok. Thanks. That kind of leaves the solution incomplete without something to replace that "Done" button. – Adam Leggett Sep 21 '17 at 18:23
@JustinMichael This code works perfectly on iPhone but on iPad I still see the inputAccessory view. Do you have experience of this code running on iPad ? – Pollizzio Jul 18 '18 at 07:49
@Pollizzio This has worked great on both iPhone and iPad for me. What version of iOS are you using on the iPad? – Justin Michael Jul 18 '18 at 19:15
1

@JustinMichael I'm trying with 11.4, I found that, on iPad only, the AccessoryView disappears if I do webView.inputAssistantItem.trailingBarButtonGroups/leadingBarButtonGroups = [NSMutableArray new]; – Pollizzio Jul 19 '18 at 14:33
2

This is based on my answer here: https://stackoverflow.com/a/19042279/983912 Would have appreciated a reference. – Léo Natan Jul 07 '19 at 15:48
1

@LeoNatan Sorry about that. I thought I linked to your answer when I originally posted, but I must have forgotten. Updated the answer to link to your answer. Thanks for calling that out! – Justin Michael Jul 07 '19 at 21:34
1

You can subclass `WKWebView` in iOS13+, and override the property: https://stackoverflow.com/a/58001395/344591 – C. Bess Sep 18 '19 at 22:43

Hiding Keyboard accessorybar in WKWebView

1 Answers1

Linked