Knockout click binding not working in iPad
I have a simple button like this:
<button data-bind="click: login" type="button" class="btn btn-lg btn-primary">Log in</button>
ko.applyBindings({
login: (viewModel, event) => {
// this gets never called
};
});
The click event is working fine in all devices I have tested it. Except iPad 9.3.5 (iPad mini)
Looking for answers I found the following work around: https://makandracards.com/makandra/34753-how-to-fix-ipad-does-not-trigger-click-event-on-some-elements
It did not work for me. Anyway idea of how to fix this?
Note: the jQuery click event is not working either.
javascript jquery knockout.js mobile-safari
asked Nov 25 '18 at 21:17
osotorrioosotorrio
184314
add a comment |
I have a simple button like this:
<button data-bind="click: login" type="button" class="btn btn-lg btn-primary">Log in</button>
ko.applyBindings({
login: (viewModel, event) => {
// this gets never called
};
});
The click event is working fine in all devices I have tested it. Except iPad 9.3.5 (iPad mini)
Looking for answers I found the following work around: https://makandracards.com/makandra/34753-how-to-fix-ipad-does-not-trigger-click-event-on-some-elements
It did not work for me. Anyway idea of how to fix this?
Note: the jQuery click event is not working either.
javascript jquery knockout.js mobile-safari
asked Nov 25 '18 at 21:17
osotorrioosotorrio
184314
add a comment |
I have a simple button like this:
<button data-bind="click: login" type="button" class="btn btn-lg btn-primary">Log in</button>
ko.applyBindings({
login: (viewModel, event) => {
// this gets never called
};
});
The click event is working fine in all devices I have tested it. Except iPad 9.3.5 (iPad mini)
Looking for answers I found the following work around: https://makandracards.com/makandra/34753-how-to-fix-ipad-does-not-trigger-click-event-on-some-elements
It did not work for me. Anyway idea of how to fix this?
Note: the jQuery click event is not working either.
javascript jquery knockout.js mobile-safari
asked Nov 25 '18 at 21:17
osotorrioosotorrio
184314
I have a simple button like this:
<button data-bind="click: login" type="button" class="btn btn-lg btn-primary">Log in</button>
ko.applyBindings({
login: (viewModel, event) => {
// this gets never called
};
});
The click event is working fine in all devices I have tested it. Except iPad 9.3.5 (iPad mini)
Looking for answers I found the following work around: https://makandracards.com/makandra/34753-how-to-fix-ipad-does-not-trigger-click-event-on-some-elements
It did not work for me. Anyway idea of how to fix this?
Note: the jQuery click event is not working either.
javascript jquery knockout.js mobile-safari
javascript jquery knockout.js mobile-safari
asked Nov 25 '18 at 21:17
osotorrioosotorrio
184314
asked Nov 25 '18 at 21:17
osotorrioosotorrio
184314
asked Nov 25 '18 at 21:17
osotorrioosotorrio
184314
asked Nov 25 '18 at 21:17
osotorrioosotorrio
184314
asked Nov 25 '18 at 21:17
osotorrioosotorrio
184314
184314
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
You are using arrow functions, which according to caniuse.com is supported on iOS Safari from version 10 onwards. You can change your code to the following:
ko.applyBindings({
login: function(viewModel, event){
// this gets never called
};
});
or if your code uses more of the ES6 features, you can consider transpiling your code, e.g. using babel, or similar tools.
answered Nov 27 '18 at 19:42
Piotr WicijowskiPiotr Wicijowski
7015
I have changed the arrow function and it is still not working. I will try with babel in case something else is interfering.
– osotorrio
Nov 29 '18 at 13:16
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53472060%2fknockout-click-binding-not-working-in-ipad%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
You are using arrow functions, which according to caniuse.com is supported on iOS Safari from version 10 onwards. You can change your code to the following:
ko.applyBindings({
login: function(viewModel, event){
// this gets never called
};
});
or if your code uses more of the ES6 features, you can consider transpiling your code, e.g. using babel, or similar tools.
answered Nov 27 '18 at 19:42
Piotr WicijowskiPiotr Wicijowski
7015
I have changed the arrow function and it is still not working. I will try with babel in case something else is interfering.
– osotorrio
Nov 29 '18 at 13:16
add a comment |
You are using arrow functions, which according to caniuse.com is supported on iOS Safari from version 10 onwards. You can change your code to the following:
ko.applyBindings({
login: function(viewModel, event){
// this gets never called
};
});
or if your code uses more of the ES6 features, you can consider transpiling your code, e.g. using babel, or similar tools.
answered Nov 27 '18 at 19:42
Piotr WicijowskiPiotr Wicijowski
7015
I have changed the arrow function and it is still not working. I will try with babel in case something else is interfering.
– osotorrio
Nov 29 '18 at 13:16
add a comment |
You are using arrow functions, which according to caniuse.com is supported on iOS Safari from version 10 onwards. You can change your code to the following:
ko.applyBindings({
login: function(viewModel, event){
// this gets never called
};
});
or if your code uses more of the ES6 features, you can consider transpiling your code, e.g. using babel, or similar tools.
answered Nov 27 '18 at 19:42
Piotr WicijowskiPiotr Wicijowski
7015
You are using arrow functions, which according to caniuse.com is supported on iOS Safari from version 10 onwards. You can change your code to the following:
ko.applyBindings({
login: function(viewModel, event){
// this gets never called
};
});
or if your code uses more of the ES6 features, you can consider transpiling your code, e.g. using babel, or similar tools.
answered Nov 27 '18 at 19:42
Piotr WicijowskiPiotr Wicijowski
7015
answered Nov 27 '18 at 19:42
Piotr WicijowskiPiotr Wicijowski
7015
answered Nov 27 '18 at 19:42
Piotr WicijowskiPiotr Wicijowski
7015
answered Nov 27 '18 at 19:42
Piotr WicijowskiPiotr Wicijowski
7015
7015
I have changed the arrow function and it is still not working. I will try with babel in case something else is interfering.
– osotorrio
Nov 29 '18 at 13:16
add a comment |
I have changed the arrow function and it is still not working. I will try with babel in case something else is interfering.
– osotorrio
Nov 29 '18 at 13:16
I have changed the arrow function and it is still not working. I will try with babel in case something else is interfering.
– osotorrio
Nov 29 '18 at 13:16
I have changed the arrow function and it is still not working. I will try with babel in case something else is interfering.
– osotorrio
Nov 29 '18 at 13:16
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53472060%2fknockout-click-binding-not-working-in-ipad%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
