can not bring up keyboard instantly in ios 11.3 #548

F-12 · 2018-04-04T09:19:50Z

There is a weird behavior in ios 11.3.
From the second time I click the input element on,
the keyboard does not show up when i quickly click the input.
Only if i keep touching the input, the keyboard shows up.

Use code below to reporduce the problem.

<html>
<head>
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

        <meta charset="UTF-8">
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="format-detection" content="telephone=no, email=no">            
</head>
<body>
    <input type="text" placeholder="test" />
    
    
    <script src="https://cdn.bootcss.com/fastclick/1.0.6/fastclick.js"></script>
    <script>
        window.FastClick.attach(document.body);
    </script>
</body>
</html>

tabtang · 2018-04-08T03:24:09Z

I encountered it too. There seems to be a big problem on IOS 11.3, mainly on form elements.

InternetExplorer8 · 2018-04-10T15:54:54Z

Any workarounds for this?

jzlingmo · 2018-04-11T09:06:35Z

+1. focus() is not working in onTouchEnd, only when the function call is immediately following a touch/click interaction.Adding click function to the element to invoke focus function just works fine. Or any better solution?

<html>
<head>
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

        <meta charset="UTF-8">
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="format-detection" content="telephone=no, email=no">            
</head>
<body>
    <input id="test" type="text" placeholder="test" />
    <input id="test2" type="text" placeholder="test" />
    
    <script src="https://cdn.bootcss.com/fastclick/1.0.6/fastclick.js"></script>
    <script>
        window.FastClick.attach(document.body);
        document.getElementById('test').onclick = function(e) {
          // works fine
          e.target.focus();
        };
        document.getElementById('test2').onclick = function(e) {
          // not working
          setTimeout(function() {
            e.target.focus();
          }, 50)
        };
    </script>
</body>
</html>

tabtang · 2018-04-11T09:43:26Z

There is a more serious problem. When "home" is pressed away from browser temporarily, all elements are clicked without response.

ronnievdc · 2018-04-11T16:11:29Z

The people behind Framework7io could have found the reason and solution.

Seems to fixed now. Issue was due to iOS bug reporting touch event timestamp as negative value
framework7io/framework7#2314 (comment)

The commit that fixes the problem could be found here: framework7io/framework7@ac02ad1

tabtang · 2018-04-12T06:45:32Z

@ronnievdc
According to the solution you have reissued, problem 2 has been solved.
But the bug of the form element has not been solved yet

slinhuang · 2018-04-13T06:30:06Z

change the focus method,
FastClick.prototype.focus = function(targetElement) {
'use strict';
targetElement.focus();
};

vahvarh · 2018-04-16T19:28:46Z

line 336 you there is a bug:
if (deviceIsIOS && targetElement.setSelectionRange && targetElement.type.indexOf('date') !== 0 && targetElement.type !== 'time' && targetElement.type !== 'month' && targetElement.type !== 'email') {

should read

    if (deviceIsIOS && targetElement.setSelectionRange && targetElement.type.indexOf('date') !== -1 && targetElement.type !== 'time' && targetElement.type !== 'month' && targetElement.type !== 'email') {

yylgit · 2018-04-17T07:27:19Z

@tabtang

add targetElement.focus();
i use this method solve this problem

tabtang · 2018-04-17T07:50:04Z

@yylgit 解决了，哥们！

yylgit · 2018-04-17T08:46:10Z

@tabtang 怎么解决的姐们，是用我写的这种方法吗

ButchMonkey · 2018-04-17T12:15:21Z

Text areas also seem to be affected

tabtang · 2018-04-20T02:26:21Z

@yylgit 是用的你的方法！（我也是哥们）

tabtang · 2018-04-20T02:43:50Z

我这里试了 textarea也没有问题了

maxcong · 2018-04-27T08:06:42Z

楼上：yylgit 修改为正解，亲测可用

lasselaakkonen · 2018-05-03T15:05:43Z

I was running in to this issue on iOS 11.3 + iPad + Cordova + UIWebView + Fastclick 1.0.6.

This issue did not happen on iOS 9.3.5 + iPad + Cordova + UIWebView + Fastclick 1.0.6.

I was able to reproduce it by:

Opening a page with a datetime input and a text input
Tapping the datetime input, so it shows the selection popup
Tapping outside the popup to close the popup
Tap quickly on a text input
-> The text input is not focused and keyboard is not shown
Tap and keep pressing for a short while on the text input
-> The text input is focused and keyboard is shown

As @yylgit said, adding targetElement.focus(); before targetElement.setSelectionRange(length, length); fixes the issue. No idea why, but it apparently does.

Does anyone know if adding that focus() call breaks anything else?

…iling ftlabs#548 Fix focusing on form elements, when tapping fast.

prvinuch · 2018-05-12T22:37:30Z

to me as well... targetElement.focus(); before targetElement.setSelectionRange(length, length); fixes the issue.

geraldlrh · 2018-05-31T15:20:55Z

iOS11.3 fastclick.js 相关bug
这里有篇文章讲这个原因

xiruiZeng · 2018-07-19T11:08:50Z

@yylgit 你好，我是11.4的系统，打包hbuilder打包APP之后在ios上input输入框不能轻触弹出键盘，而要在输入框上停留一段1秒左右才会弹出键盘，以上你们讨论的方法我试了些还是不行，请问可以指教一二吗？

xiruiZeng · 2018-07-19T11:23:18Z

@lasselaakkonen 我加了这个targetElement.focus();还是没解决到，还是快速点击input不能弹出键盘

lilong7676 · 2019-04-08T02:30:08Z

@tabtang

add targetElement.focus();
i use this method solve this problem

iOS11.3 + 都有这个问题，这种方式的确解决了，那是不是说明iOS11.3版本以后就不需要fastClick了？

Young5416 · 2019-05-16T06:09:14Z

@yylgit 加上了textarea还是没效果

Young5416 · 2019-05-16T06:13:31Z

@yylgit ios系统12.2

Young5416 · 2019-05-16T06:24:12Z

@yylgit 解决了,是缓存原因

jungor · 2019-11-25T09:33:04Z

为啥npm不发新版

lasselaakkonen added a commit to lasselaakkonen/fastclick that referenced this issue May 3, 2018

ftlabs#548 Fix focusing on form elements, when tapping fast.

ba09aec

blakgeek added a commit to blakgeek/fastclick that referenced this issue May 6, 2018

Merge pull request #2 from lasselaakkonen/548-ios-clicks-on-inputs-fa…

7c7088c

…iling ftlabs#548 Fix focusing on form elements, when tapping fast.

wilmersondasilva mentioned this issue Aug 2, 2018

Fix bug related to text input in iOS 11.3+ limaneto/fastclick#2

Merged

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

can not bring up keyboard instantly in ios 11.3 #548

can not bring up keyboard instantly in ios 11.3 #548

F-12 commented Apr 4, 2018 •

edited

Loading

tabtang commented Apr 8, 2018

InternetExplorer8 commented Apr 10, 2018

jzlingmo commented Apr 11, 2018 •

edited

Loading

tabtang commented Apr 11, 2018

ronnievdc commented Apr 11, 2018

tabtang commented Apr 12, 2018

slinhuang commented Apr 13, 2018

vahvarh commented Apr 16, 2018

yylgit commented Apr 17, 2018 •

edited

Loading

tabtang commented Apr 17, 2018

yylgit commented Apr 17, 2018

ButchMonkey commented Apr 17, 2018

tabtang commented Apr 20, 2018

tabtang commented Apr 20, 2018

maxcong commented Apr 27, 2018

lasselaakkonen commented May 3, 2018 •

edited

Loading

prvinuch commented May 12, 2018

geraldlrh commented May 31, 2018

xiruiZeng commented Jul 19, 2018

xiruiZeng commented Jul 19, 2018

lilong7676 commented Apr 8, 2019

Young5416 commented May 16, 2019

Young5416 commented May 16, 2019

Young5416 commented May 16, 2019

jungor commented Nov 25, 2019

can not bring up keyboard instantly in ios 11.3 #548

can not bring up keyboard instantly in ios 11.3 #548

Comments

F-12 commented Apr 4, 2018 • edited Loading

tabtang commented Apr 8, 2018

InternetExplorer8 commented Apr 10, 2018

jzlingmo commented Apr 11, 2018 • edited Loading

tabtang commented Apr 11, 2018

ronnievdc commented Apr 11, 2018

tabtang commented Apr 12, 2018

slinhuang commented Apr 13, 2018

vahvarh commented Apr 16, 2018

yylgit commented Apr 17, 2018 • edited Loading

tabtang commented Apr 17, 2018

yylgit commented Apr 17, 2018

ButchMonkey commented Apr 17, 2018

tabtang commented Apr 20, 2018

tabtang commented Apr 20, 2018

maxcong commented Apr 27, 2018

lasselaakkonen commented May 3, 2018 • edited Loading

prvinuch commented May 12, 2018

geraldlrh commented May 31, 2018

xiruiZeng commented Jul 19, 2018

xiruiZeng commented Jul 19, 2018

lilong7676 commented Apr 8, 2019

Young5416 commented May 16, 2019

Young5416 commented May 16, 2019

Young5416 commented May 16, 2019

jungor commented Nov 25, 2019

F-12 commented Apr 4, 2018 •

edited

Loading

jzlingmo commented Apr 11, 2018 •

edited

Loading

yylgit commented Apr 17, 2018 •

edited

Loading

lasselaakkonen commented May 3, 2018 •

edited

Loading